var aryTest = ["01.jpg","02.jpg","03.jpg","04.jpg","05.jpg","06.jpg","07.jpg","08.jpg","09.jpg"]
var intCurrentTest ;
$(
	function()
	{
		$("div.cssContact div.cssLeftPanel div.cssPage div.cssItemButton ul li").each(
			function(i)
			{
				$(this).mouseover(
					function()
					{
						$(this).css("cursor","pointer");
					}
				);
				
				$(this).click(
					function()
					{
						funSwapPage(i);
					}
				);
			}
		);
		
		$("div.cssContact div.cssLeftPanel div.cssPage div.cssItemButton1 ul li").each(
			function(i)
			{
				$(this).mouseover(
					function()
					{
						$(this).css("cursor","pointer");
					}
				);
				
				$(this).click(
					function()
					{
						funSwapPage(i);
					}
				);
			}
		);
	
		$("div.cssContact div.cssLeftPanel div.cssPage:eq(1)").css('display','none');
		
		
		/*
		$("div.cssOverLayer div.cssTab ul li").each(
				function(i)
				{
					$(this).click(
						
						((i == 0)?  jsOpenContact : jsOpenTest )
					);
					
				}
			);
		*/
	}
)

function funSwapPage(p)
{
	switch (p)
	{
		case 0:
			$("div.cssContact div.cssLeftPanel div.cssPage:eq(0)").css('display','block');
			$("div.cssContact div.cssLeftPanel div.cssPage:eq(1)").css('display','none');
		break;
	
		case 1:
			$("div.cssContact div.cssLeftPanel div.cssPage:eq(1)").css('display','block');
			$("div.cssContact div.cssLeftPanel div.cssPage:eq(0)").css('display','none');
	
			intCurrentTest = 0;
			var objImg = new Image();
			$(objImg).attr('id' , 'zzz'+intCurrentTest);
			$(objImg).load(
				function()
				{
					//324
					$("div.cssContact div.cssLeftPanel div.cssPage div.cssTest").append(this);	
					intW = $(this).width();
					intH = $(this).height();
					
					intNW = intW / intH * 324;
					$(this).css('width',intNW);
					$(this).css('height','324');
					$(this).css("margin-left",(592 - intNW ) / 2 );	
				}
			).attr('src','images/contact/test/'+aryTest[0]);
			
			$("div.cssContact div.cssLeftPanel div.cssPage div.cssCtl table tr td").each(
				function(i)
				{
					$(this).css('text-align',((i==0)? "left" : "right" ));
					$(this).mouseover(
						function()
						{
							$(this).css("cursor","pointer");
						}
					);
					
					$(this).click(
						function()
						{
							funMoveTest(i);
						}
					);
				}
			);
		
		break;
	}
}

function funMoveTest(p)
{
	intDir = (p == 1 ? 1 : -1 );
	intNewPos = intCurrentTest + intDir ;
	
	if (intNewPos >= 0 && intNewPos < aryTest.length )
	{
		$("div.cssContact div.cssLeftPanel div.cssPage div.cssTest img").css("display","none");
		if ($("#zzz"+intNewPos).length > 0 )
		{
			$("#zzz"+intNewPos).css("display","block");
		}
		else
		{
			objImg = new Image();
			$(objImg).attr('id' , 'zzz'+intNewPos);
			$(objImg).load(
				function()
				{
					$("div.cssContact div.cssLeftPanel div.cssPage div.cssTest").append(this);	
					intW = $(this).width();
					intH = $(this).height();
					
					intNW = intW / intH * 324;
					$(this).css('width',intNW);
					$(this).css('height','324');
					$(this).css("margin-left",(592 - intNW ) / 2 );	
				}
			).attr('src','images/contact/test/'+aryTest[intNewPos]);
		}
		
		intCurrentTest = intNewPos;
	}
}

/* ******************** */
function jsOpenContact()
{
	objItem = $(this).parent().parent().parent().children("div.cssPanel");
	objItem.children('img:eq(0)').css('display','block');
	objItem.children('img:eq(1)').css('display','none');
	funMakeNewLayer(objItem);
	$("#overlayercontent").load('parts/contact.html');
	$("#overlayercontent").css('top',-250);
	$("div.cssPanel").show('slow');
}

function jsOpenTest()
{
	intCurrentTest = 0;	
	objItem = $(this).parent().parent().parent().children("div.cssPanel");
	objItem.children('img:eq(1)').css('display','block');
	objItem.children('img:eq(0)').css('display','none');
	funMakeNewLayer(objItem);
	$("#overlayercontent").load('parts/test.html',jsLoadedTest);
	//$("#overlayercontent").css('top',-492);
	$("div.cssPanel").show('slow');
}

function jsLoadedTest()
{
	$("#testcontent").html("");
	loadImg(0);
	
	$("td.cssPrev").mouseover(
		function()
		{
			$(this).css("cursor","pointer");
			
		}
	);
	
	$("td.cssNext").mouseover(
		function()
		{
			$(this).css("cursor","pointer");
			
		}
	);
	
	$("td.cssPrev").click(
		function()
		{
			if (intCurrentTest - 1 >= 0)
			{
				$("#testcontent").children("div.cssItem"+intCurrentTest).css('display','none');
				
				intCurrentTest--;
				loadImg(intCurrentTest);
			}
		}
	);
	$("td.cssNext").click(
		function()
		{
			if (intCurrentTest + 1  <  aryTest.length)
			{
				$("#testcontent").children("div.cssItem"+intCurrentTest).css('display','none');
				
				intCurrentTest++;
				loadImg(intCurrentTest);
			}
		}
	);
}

function loadImg(i)
{
	if ($("#testcontent").children("div.cssItem"+i).length > 0 )
	{
		$("#testcontent").children("div.cssItem"+i).css('display','block');
	}
	else
	{
		$("#testcontent").append("<div class='cssItem"+i+"' ></div>");
		img = new Image();
		$(img).load(
			function()
			{
				$(this).hide();
				$("#testcontent").children("div.cssItem"+i).append($(this));
				$(this).show();
			}
		).attr('src',"images/contact/test/"+aryTest[i]);
		//$("#testcontent").append("<div class='cssItem"+i+"'><img src='images/contact/test/"+aryTest[i]+"' /></div>");
	}
}