window.addEvent('domready', function(){
  
  /* Home Page */
  
  var mySlider =  new ContentSlider('container_slider', 'slider_track', 'slider_knob', {
      itemList : 'item_list' });
  
  var shaker = $$('body.home div#truckSign');
  shaker.set('tween', {transition: Fx.Transitions.Sine.easeInOut});

  shaker.setStyles({
    opacity: 0,
    display: 'block' });
  
  /* event */
  window.addEvent('domready', function() {
    /* fade in */
    var x = function() { shaker.fade('in');};
    x.delay(350);
    var z = function() { shaker.tween('margin-top', [230, 250]);};
    z.periodical(1000);
   }); 
});

var ContentSlider = new Class({
  
  Implements: [Options, Events],
  
  options:{
    itemList : 'item_list'
  },

  initialize: function(element, sliderTrack, sliderKnob, options){
    this.setOptions(options);
    this.element = $(element);
    this.sliderTrack = $(sliderTrack);
    this.sliderKnob = $(sliderKnob);
    
    var sizeSelector = '#' + this.options.itemList + ' li';
    var size = this.element.getElement(sizeSelector).getSize();
    var sliderCount = $(this.options.itemList).getChildren().length;
    var sliderWidth = sliderCount * size.x;
    var slider = new Slider(this.sliderTrack, this.sliderKnob,{
      steps : 64,
      range : [0, size.x],
      onChange : function(step){
        this.element.setStyle('left', step * -(sliderCount - 1));
      }.bind(this)
    });
    
    this.element.setStyle('width', sliderWidth);
    
  }
});