// JavaScript Document

var demos = new Array();

demos.push(new Demo(new Movie("demos/carbonite.xml", 0, 0), new Movie("demos/CARBONITE%20PRO/H.264/CarbonitePro_OriginalH264.mov", 872, 572)));
demos.push(new Demo(new Movie("demos/eastern_bank.xml", 0, 0), new Movie("demos/EASTERN%20BANK/H.264/EasternBank.mov", 896, 574)));
demos.push(new Demo(new Movie("demos/universal_music.xml", 0, 0), new Movie("demos/UNIVERSAL%20MUSIC/H.264/KillerTracks_h264.mov", 1280, 720)));
demos.push(new Demo(new Movie("demos/quill.xml", 0, 0), new Movie("demos/QUILL/H.264/Quill_h264.mov", 968, 600)));



var prevIndex = 1;
var currentIndex = 1;
var intID = 0;
var imageWidth = 793;

function begin()
{
	
	intID = setInterval(nextSlide, 12000);
	
	if (!isMobile())
	{
		$(".demoBody").find("a").bind("mouseover", onPlayOver);
		$(".demoBody").find("a").bind("mouseout", onPlayOut);
	}
	
	
}

function onPlayOver(e)
{
	$(e.currentTarget).find(".playButton").stop();
	$(e.currentTarget).find(".playButton").fadeTo(300, 1);
}

function onPlayOut(e)
{
	$(e.currentTarget).find(".playButton").stop();
	$(e.currentTarget).find(".playButton").fadeTo(300, 0);
}

function pushSlide(index)
{
	clearInterval(intID);
	
	toSlide(index);
	
	intID = setInterval(nextSlide, 12800);
}

function nextSlide()
{
	currentIndex++;
	
	if (currentIndex > 4)
	{
		$(".reel").css("left", 0);
		currentIndex = 2;
	}
	
	toSlide(currentIndex);
	
}

function toSlide(index)
{
	
	var overIndex = index;
	if (overIndex > 3)
	{
		overIndex = 1;
	}
	
	var outIndex = prevIndex;
	if (outIndex > 3)
	{
		outIndex = 1;
	}
	
	var stepImages = $(".step").find("img");
	for(var i=0; i < stepImages.length; i++)
	{
		$(stepImages[i]).attr("src", $(stepImages[i]).attr("src").replace(/over/, "out"));	
	}
	
	//$("#step"+outIndex).find("img").attr("src", "images/home/step-"+outIndex+"-out.png");
	$("#step"+overIndex).find("img").attr("src", $("#step"+overIndex).find("img").attr("src").replace(/out/, "over"));
	
	currentIndex = index;
	
	
	/*
	$(".slideMenuHolder").find("a").removeClass("menuOver")
	$(".slideMenuHolder").find("a").addClass("menuOut");

	$($(".slideMenuHolder").find("a")[(index-1)]).removeClass("menuOut");
	$($(".slideMenuHolder").find("a")[(index-1)]).addClass("menuOver");
	*/
	
	//trace(prevIndex+" -> " +index);
	var toPos = (index-1)*(-imageWidth);
	
	$(".reel").stop();
	$(".reel").animate({left: toPos+"px"}, 800);
	
	/*
	if (prevIndex != index)
	{
		
		$(".fade"+prevIndex).stop();
		$(".fade"+index).stop();
		
		$(".fade"+prevIndex).fadeOut(800);
		$(".fade"+index).fadeIn(800);
		
		
		prevIndex = index;
	}
	*/
	
	
}