var leftmost = 0;
var offset = 940;

var counter = 0;
var forward = true;

var cannon = function() {
    if((counter < 4) && (counter > 0))
    { 
        if(forward == true) nextSlide();
        else previosSlide();
    }
    else if (counter == 4)
    {
        forward = false;
        previosSlide();
    }
    else if (counter == 0)
    {
        forward = true;
        nextSlide();
    }
}

var nextSlide = function() {
    leftmost -= offset;
    counter++;
    if ($type(this) != 'window') counter = 100;
    if (leftmost >= -4 * offset)
    { 
      // Reset all colours
      $('slide1').tween('color', '#ada778');
      $('slide2').tween('color', '#ada778');
      $('slide3').tween('color', '#ada778');
      $('slide4').tween('color', '#ada778');
      $('slide5').tween('color', '#ada778');    

      aNumber = (-leftmost/offset) + 1;
      $('slide' + aNumber).tween('color', '#d15e2c'); 
     
      aFeatured1 = $('featured1');
      aFeatured1.set('tween', {duration: '350'});
      aFeatured1.tween('left', leftmost + 'px');

      aFeatured2 = $('featured2');
      aFeatured2.set('tween', {duration: '350'});
      aFeatured2.tween('left', (leftmost + offset) + 'px');

      aFeatured3 = $('featured3');
      aFeatured3.set('tween', {duration: '350'});
      aFeatured3.tween('left', (leftmost + (offset*2)) + 'px');

      aFeatured4 = $('featured4');
      aFeatured4.set('tween', {duration: '350'});
      aFeatured4.tween('left', (leftmost + (offset*3)) + 'px');

      aFeatured5 = $('featured5');
      aFeatured5.set('tween', {duration: '350'});
      aFeatured5.tween('left', (leftmost + (offset*4)) + 'px');    
    }
    else leftmost = -4 * offset;
    return false;
}

var previosSlide = function() {
    leftmost += offset;
    counter--;
    if ($type(this) != 'window') counter = 100;
    if (leftmost <= 0)
    {
      // Reset all colours
      $('slide1').tween('color', '#ada778');
      $('slide2').tween('color', '#ada778');
      $('slide3').tween('color', '#ada778');
      $('slide4').tween('color', '#ada778');
      $('slide5').tween('color', '#ada778');    

      aNumber = (-leftmost/offset) + 1;
      $('slide' + aNumber).tween('color', '#d15e2c'); 
      
      aFeatured1 = $('featured1');
      aFeatured1.set('tween', {duration: '350'});
      aFeatured1.tween('left', leftmost + 'px');

      aFeatured2 = $('featured2');
      aFeatured2.set('tween', {duration: '350'});
      aFeatured2.tween('left', (leftmost + offset) + 'px');

      aFeatured3 = $('featured3');
      aFeatured3.set('tween', {duration: '350'});
      aFeatured3.tween('left', (leftmost + (offset*2)) + 'px');

      aFeatured4 = $('featured4');
      aFeatured4.set('tween', {duration: '350'});
      aFeatured4.tween('left', (leftmost + (offset*3)) + 'px');

      aFeatured5 = $('featured5');
      aFeatured5.set('tween', {duration: '350'});
      aFeatured5.tween('left', (leftmost + (offset*4)) + 'px');  
    }
    else leftmost = 0;
    return false;
}

var clickSlide = function() {
    leftmost = (this.get('text') - 2) *-940;
    nextSlide();
    counter = 100;
    // Tween current colour
    //this.tween('color', '#d15e2c');
    return false;
}
 
window.addEvent('domready', function() {
    $('slide1').tween('color', '#d15e2c');
    $('next').addEvent('click', nextSlide);
    $('previos').addEvent('click', previosSlide);
    $('slide1').addEvent('click', clickSlide);
    $('slide2').addEvent('click', clickSlide);
    $('slide3').addEvent('click', clickSlide);
    $('slide4').addEvent('click', clickSlide);
    $('slide5').addEvent('click', clickSlide);
    var periodicalFunctionVar = cannon.periodical(15000);
    
    $('slideNumbers').setStyle('display', 'block');

});