// JavaScript Document

$(document).ready(onReady);

var isLoop = false;

var currentSlide = 1;

function onReady()
{
	
	$(".thumbScrim").fadeTo(0, 0);

	$(".thumbScrim").bind("mouseover", onThumbOver);
	$(".thumbScrim").bind("mouseout", onThumbOut);
	$(".thumbScrim").bind("click", onThumbClick);
	
	
}

function onThumbClick(e)
{
	playMovie($(e.target).find("input").val());
}

function onThumbOver(e)
{
	
	$(e.target).parent().find(".titleText").stop();
	$(e.target).parent().find(".titleText").fadeTo(200, 1.0);
	fadeOthersTo(e.currentTarget, 0.6);
	//alert("text: "+$(ref).html());
	
	
	
}

function onThumbOut(e)
{
	
	fadeOthersTo(e.currentTarget, 0.0);
	
	$(e.target).parent().find(".titleText").stop();
	$(e.target).parent().find(".titleText").fadeTo(200, 0.0);
	
}

function fadeOthersTo(ref, alpha)
{
	//get all of the thumbs in this current slide
	//and fade their scrim in a little bit
	var reel = $(ref).parent().parent();
	
	var arr = $(reel).find(".thumb");
	for(var i=0; i < arr.length; i++)
	{
		if ($(arr[i]).find("input").val() != $(ref).find("input").val())
		{
			$(arr[i]).find(".thumbScrim").stop();
			$(arr[i]).find(".thumbScrim").fadeTo(200, alpha);	
			
		}
	}
	
	
}


function change(ref, imageRef)
{
	$(ref).children()[0].src = imageRef;
}

function nextSlide()
{

	if (currentSlide < $(".reel").length)
	{
		isLoop = false;
		currentSlide++;
		toSlide(currentSlide);
	}
	else 
	{
		currentSlide = 1;
		isLoop = true;
		toSlide(currentSlide);
	}
}

function prevSlide()
{
	if (currentSlide > 1)
	{
		currentSlide--;
		toSlide(currentSlide);
	}
}



function toSlide(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)*(-885);
	
	
	$(".reels").stop();
	if (isLoop)
	{
		
		toPos = ($(".reel").length)*(-885);
		//alert("<div class=\"reel\">"+$($(".reel")[0]).html()+"</div>");
		//alert($($(".reel")[0]).html());
		$(".reels").append("<div class=\"reel\">"+$($(".reel")[0]).html()+"</div>");
		
		
		
		
		isLoop = false;
		
		$(".reels").animate({left: toPos+"px"}, 800, null, onSlideLoop);
	}
	else 
	{
		
		$(".reels").animate({left: toPos+"px"}, 800);
	}
	
	//alert("index: "+index+", toPos: "+toPos);
	
	
	
	
	/*
	if (prevIndex != index)
	{
		
		$(".fade"+prevIndex).stop();
		$(".fade"+index).stop();
		
		$(".fade"+prevIndex).fadeOut(800);
		$(".fade"+index).fadeIn(800);
		
		
		prevIndex = index;
	}
	*/
	
}

function onSlideLoop(e)
{
	$(".reels").css("left", "0px");
	$($(".reel")[$(".reel").length-1]).remove();
}