var _startTimeout = 1000,
    _timeout = 2000,
    _animateTime  = 1000;

jQuery(function(){
  initImageSlider();
  jQuery('body').addClass('frontpage2011');
  
});

function initImageSlider(){
  var images = jQuery('div#imageSlider div.image');
  images.not(':first').css({marginLeft:1000});
  images.first().addClass('on');
  images.find('.logo').css({display: 'block'});
  startImageSlideCountdown(images, _startTimeout);
}

function startImageSlideCountdown(images, timeout){
  if(images.length > 1){
    var currentImage = images.filter('.on'),
        nextImage = currentImage.next();
  
    if(!nextImage[0]){
      nextImage = images.first();
    }
    
    setTimeout(function(){
      currentImage.animate({marginLeft:-3000}, _animateTime);
      nextImage.animate({marginLeft:-1000}, _animateTime, function(){
        currentImage.removeClass('on').css({marginLeft:1000});
        nextImage.addClass('on');
        startImageSlideCountdown(images, _timeout);
      });

    }, timeout);
  }
}

jQuery('#underimages .image').live('mouseover', function(){
  jQuery(this).addClass('over');
});

jQuery('#underimages .image').live('mouseout', function(){
  jQuery(this).removeClass('over');
});