$(initCarousel);

var imageCount;
var imagesLoadedCount = 0;
var isRotating = false;
var delay = 4000;

function initCarousel() {
	setActive(0);
	imageCount = $('#carousel .slide').length;
	$('#carousel .slide').each(function() {
		if (this.complete) imagesLoadedCount++;
		else {
			$(this).bind('load', function(){imagesLoadedCount++});
		}
	});
	initRollovers();
	initRotation();
}

function initRollovers() {
	$('#carousel #slideMenu li').click(
		function(){ //mouseOver
			isRotating = false;
			setActive($('#carousel li').index(this));
			var $this = $(this)
			if (!$this.hasClass('anim')) {
				$this.addClass('anim').animate({
					top: '-' + ($this.height() - $this.find('h2').height()) + 'px'
				});
				$this.find('img').animate({top: ($this.height() - $this.find('h2').height() + 12) + 'px'})
			}
		}).mouseenter(function(){
			isRotating = false;
			setActive($('#carousel li').index(this));
		}).mouseleave(
		function(){ //mouseOff
			isRotating = true;
			var $this = $(this);
			$this.animate({top:'0'},{
				complete : function(){
					$this.removeClass('anim').find('img')[0].src =  $this.hasClass('active') ? 'img/slideArrowActive.png' : 'img/slideArrow.png';
					
				}
			});
			$this.find('img').animate({top: '12px'});
			
		});
}

function initRotation() {
	
		isRotating = true;
		rotate(0);
	
}

function rotate(i) {
	if (isRotating) {
		if (i == imageCount) i = 0;
		setActive(i);
		setTimeout("rotate(" + (i+1) + ")", delay);
	}
}

function setActive(i) {
	$('#carousel .slide.active').removeClass("active");
	var $slide = $('#carousel #slideMenu li.active').removeClass("active");
	$slide.find('img')[0].src = $slide.hasClass('anim') ? 'img/slideArrowActive.png' : 'img/slideArrow.png';
	
    $($('#carousel .slide')[i]).addClass("active");
    $($('#carousel #slideMenu li')[i]).addClass("active").find('img')[0].src = 'img/slideArrowActive.png';
}