var rotatorWidth = 940,
 		totalBusinessUnits = 3,
 		selectedItem = 0,
		i = 1,
 		fadeTime = 600,
		holdTime = 3000,
		rotator;


/*
function showImages(selectedItem){
	// Hide all images in set and only show thw first one
	$(".image-set").eq(selectedItem).children().hide();
	$(".image-set").eq(selectedItem).find(".image:first").show();
	arguments.callee.count = 0;
	// Set variables
	var images = $(".image-set").eq(selectedItem).children(),  
      i = 0,
			children = images.size();
	// Recurse as long as objects exist
  (function() {  
    $(images[i++]).fadeIn(fadeTime).delay(holdTime).fadeIn(0, arguments.callee);
		// Slide if the end of the sequence has reached
		if(i===(children+1)){
			newSelectedItem = selectedItem + 1;
			if(newSelectedItem > totalBusinessUnits){
				newSelectedItem = 0;
			}
			rotateItem(newSelectedItem);
		}
  })();
}
*/

function showImages(){
	clearTimeout(rotator);
	var children = $(".image-set").eq(selectedItem).children().size();
	if(i == children){
		newSelectedItem = selectedItem + 1;
		if(newSelectedItem > totalBusinessUnits){
			newSelectedItem = 0;
		}
		rotateItem(newSelectedItem);
	}else{
		var elm = $(".image-set").eq(selectedItem).find(".image").eq(i);
		elm.fadeIn(fadeTime)
		i++;
		
	}
	rotator = window.setTimeout("showImages()", holdTime);
}

function rotateItem(newSelectedItem){
	/* Change the appearance of the LI */
	$("#rotator-bottom ul li").removeClass("active");
	$("#rotator-bottom ul li").eq(newSelectedItem).addClass("active");
	/* Make the first image visible */
	//$(".image-set").find("image").hide(); // DEZE REGEL GING MIS IN IE...
	$(".image-set:first").show();
	/* Show all images */	
	newPosition = newSelectedItem * rotatorWidth;
	
	/* Move the rotator. Yuuuj! */
	$(".image-set").eq(selectedItem).children().hide();
	$(".image-set").eq(selectedItem).find(".image:first").show(0, function(){
		$("#rotator-top").stop(true, true).animate({
			right:newPosition
		}, function(){
			selectedItem = newSelectedItem;
			i = 1;
			//rotator = window.setTimeout("showImages()", holdTime);
		});
	});
}

$(document).ready(function(){
	
	/* Find the path of each image in the rotator and put in the array */
	var allImages = $(".image").find("img");
	var listSrc = new Array;
	
	/* Test the preloader with a LARGE image
	var src = "http://www.letsgodigital.org/images/producten/1830/testrapport/alpha-test-photo.jpg";
	listSrc.push(src);
	*/
	
	$(allImages).each(function(){
		listSrc.push($(this).attr("src"));
	});

	/* Preload the images and start rotating after loading has finished */
	$.preLoadImages(listSrc, function(){
		$("#rotator-preloader").remove().fadeOut(0, function(){
			
			/* Bind the click actions */
			$("#rotator-bottom ul li").bind("click", function(){
				var location2go = $(this).attr("rel");
				window.location.href = location2go;
			});
			$("#rotator-bottom ul li").bind("mouseenter", function(){
				var listIndex = $("#rotator-bottom ul li").index(this);
				clearTimeout(rotator);
				/*$("#play_slide").fadeOut();
				$("#pause_slide").fadeIn();*/
				if(listIndex != selectedItem){
					selectedItem = listIndex;
					rotateItem(selectedItem);	
				}
			});
			$("#rotator-bottom ul li").bind("mouseleave", function(){
				var listIndex = $("#rotator-bottom ul li").index(this);
				rotator = window.setTimeout("showImages()", holdTime);
				/*
				$("#pause_slide").fadeOut();
				$("#play_slide").fadeIn();
			    setTimeout(function() {
			        $("#play_slide").fadeOut();
			    }, 3000);*/
				/*if(listIndex != selectedItem){
					selectedItem = listIndex;
					rotateItem(selectedItem);	
				}*/
			});
			/*
			$("#rotator-top").bind("mouseenter", function(){
				clearTimeout(rotator);
				$("#play_slide").fadeOut();
				$("#pause_slide").fadeIn();
			});
			$("#rotator-top").bind("mouseleave", function(){
				rotator = window.setTimeout("showImages()", holdTime);
				$("#pause_slide").fadeOut();
				$("#play_slide").fadeIn();
			    setTimeout(function() {
			        $("#play_slide").fadeOut();
			    }, 3000);

			});*/
			$("#button-left").bind("click", function(){
				clearTimeout(rotator);
				newSelectedItem = selectedItem - 1;
				if(newSelectedItem < 0){
					selectedItem = totalBusinessUnits;
				}else{
					selectedItem--;
				}
				var newPosition = selectedItem * rotatorWidth;
				rotateItem(selectedItem); //rotateItem(selectedItem, newPosition);
			})
			
			$("#button-right").bind("click", function(){
				clearTimeout(rotator);
				newSelectedItem = selectedItem + 1;
				if(newSelectedItem > totalBusinessUnits){
					selectedItem = 0;
				}else{
					selectedItem ++;
				}
				var newPosition = selectedItem * rotatorWidth;
				rotateItem(selectedItem); //rotateItem(selectedItem, newPosition);
			})
			
			
			$(".image-set").find(".image:first").fadeIn(fadeTime);
			rotator = window.setTimeout("showImages()", holdTime);
			//$("#rotator-holder").append("<div id=\"pause_slide\" style=\"z-index: 25000; display: none; padding: 5px; position: absolute; top: 3px; right: 0px; font-weight: bold;\"><img src=\"/templates/template.vdm2.0.nl/std_images/pause.png\" border=\"0\" /></div>");
			//$("#rotator-holder").append("<div id=\"play_slide\" style=\"z-index: 25000; display: none; padding: 5px; position: absolute; top: 3px; right: 0px; font-weight: bold;\"><img src=\"/templates/template.vdm2.0.nl/std_images/play.png\" border=\"0\" /></div>");
		
		})
	});
});