// JavaScript Document
var maxScroll = 0;

$(document).ready(function()
{
	var thumbs = "";
	for (i=0;i<thumbnails_vp.length;i++)
	{
		thumbs += thumbnails_vp[i];
	}
	$("#content-holder").html(thumbs);
	var gamme = "VP";
		
	if (gamme=="VP")
		$("#content-holder").css("width",(146*thumbnails_vp.length));
	else if (gamme=="VU")
		$("#content-holder").css("width",(146*thumbnails_vu.length));
	maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
	
	$("#popup").css("display","none");
	var inpopup = false;
	var popuped = false;
	
	$(".triggergamme").click(changeGamme);
	function changeGamme(ev)
	{
		if (gamme=="VP")
		{
			thumbs = "";
			for (i=0;i<thumbnails_vu.length;i++)
			{
				thumbs += thumbnails_vu[i];
			}
			$("#content-holder").html(thumbs);
			gamme = "VU";
			$("#content-holder").css("width",(146*thumbnails_vu.length));
			maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();

			$(".triggergamme").click(changeGamme);
			$(".trigger").hover(thumbOver,thumbOut);
			$(".trigger").click(cancelClick);
			Cufon.replace('h1')('h2')('h3')('label.text')('#popup h2');
		}
		else if (gamme=="VU")
		{			
			thumbs = "";
			for (i=0;i<thumbnails_vp.length;i++)
			{
				thumbs += thumbnails_vp[i];
			}
			$("#content-holder").html(thumbs);
			gamme = "VP";
			$("#content-holder").css("width",(146*thumbnails_vp.length));
			maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();

			$(".triggergamme").click(changeGamme);
			$(".trigger").hover(thumbOver,thumbOut);
			$(".trigger").click(cancelClick);
			Cufon.replace('h1')('h2')('h3')('label.text')('#popup h2');
  		}
			
		ev.preventDefault();
		return false;
	}
	
	$(".trigger").click(cancelClick);
	function cancelClick(ev)
	{
		ev.preventDefault();
		return false;
	}
	
	$(".trigger").hover(thumbOver,thumbOut);
	function thumbOver()
	{
		var idx = $(this).attr("id");

		if (gamme=="VP")
		{
			$("#popup").html(details_vp[idx]);
		}
		else if (gamme=="VU")
		{
			$("#popup").html(details_vu[idx]);
		}
			
		$("#popup").fadeIn("fast");
		popuped = true;
	}
	function thumbOut()
	{
		inpopup = false;
		popuped = false;
		setTimeout(
			function ()
			{
				if (!inpopup && !popuped)
				{
					$("#popup").fadeOut("low");
					popuped = false;
				}
			}
			,2000);
	}
	
	$("#popup").hover(
		function ()
		{
			inpopup = true;
		},
		function ()
		{
			inpopup = false;
			$("#popup").fadeOut("low");
			popuped = false;
		}
	);	
});