var easing = "easeOutExpo";
var speed = 1000;
var currentImageIndex = 0; 
var curHeight = 380;
var defHeight = 371;
var csImgCnt = 6;


function getNextSlideId()
{
	tmpImg=currentImageIndex;      
	tmpImg++;     
	if (tmpImg==csImgCnt)
		tmpImg=0;
	return("img-"+tmpImg)  
}

function getPrevSlideId()
{
	tmpImg=currentImageIndex;
	tmpImg--;
	if (tmpImg < 0)
	{
		tmpImg=csImgCnt-1;
	}
	return("img-"+tmpImg)
}

function resetSlides()
{
	$("#"+getNextSlideId()).animate({"left": "870px","top":"0px"}, 1)
	$("#"+getPrevSlideId()).animate({"left": "-870px","top":"0px"}, 1)
}

function setWinSize(slidenum)
{
	

	var height = $("#slidenum-"+slidenum).height();
	
	//alert(height);
		
	if (!height)
		height = defHeight;

	if (curHeight != height)
	{
		$("#frame-wrapper").animate({"height":height+"px"}, 1600);
		$("#floating-next").animate({"height":height+"px"}, 1600);
		$("#floating-prev").animate({"height":height+"px"}, 1600);
		curHeight = height;
	}
	
	//alert("height: "+height);
}

function updateURL(curindex)
{

	$('.pslideninfo').hide();
	$("#slideninfo-"+curindex).show();
}

$(document).ready(
	function()
	{
	
		$("#img-"+currentImageIndex).css('left','0px').css('top','0px').fadeIn('slow');
		//alert(currentImageIndex);
		if (currentImageIndex == csImgCnt)
					currentImageIndex=0;

		var height = $("#slidenum-"+currentImageIndex).height();
		//alert(height);					
		
		setWinSize(currentImageIndex);
		resetSlides();
		updateURL(currentImageIndex);

		var testheight = $("#slidenum-9").height();
		//alert(testheight);	
		
		
		$("#next").click(
			function()
			{
				currentSlideName="img-" + currentImageIndex;
				
				nextSlideName=getNextSlideId();
				currentImageIndex++;
				if (currentImageIndex == csImgCnt)
					currentImageIndex=0;
				setWinSize(currentImageIndex);
				updateURL(currentImageIndex);
				$("#count").text(parseInt(1+currentImageIndex));
				$("#"+currentSlideName).removeClass("viewing");
				$("#"+currentSlideName).animate({"left": "-870px"}, speed, easing)
					.animate({"top": "-500px"}, 1)
					.animate({"left": "0px"}, 1);
				$("#"+currentSlideName).removeClass("viewing");
				$("#" +nextSlideName).animate({"left": "0px"}, speed, easing).addClass("viewing")
				resetSlides();
			}
		);
		$("#prev").click(
			function()
			{
				currentSlideName="img-" + currentImageIndex;
				prevSlideName=getPrevSlideId();
				currentImageIndex--;
				if (currentImageIndex < 0)
					currentImageIndex=csImgCnt-1;
				setWinSize(currentImageIndex);
				updateURL(currentImageIndex);
				$("#count").text(parseInt(1+currentImageIndex));
				$("#"+currentSlideName).animate({"left": "870px"}, speed, easing)
					.animate({"top": "-500px"}, 1)
					.animate({"left": "0px"}, 1)
					.removeClass('viewing');
				$("#" +prevSlideName).animate({"left": "0px"}, speed, easing)
					.addClass('viewing');
				resetSlides();
			}
		);
		$("#floating-next").click(
			function()
			{
				currentSlideName="img-" + currentImageIndex;
				nextSlideName=getNextSlideId();
				currentImageIndex++;
				if (currentImageIndex == csImgCnt)
					currentImageIndex=0;
				setWinSize(currentImageIndex);
				updateURL(currentImageIndex);
				$("#count").text(parseInt(1+currentImageIndex));
				$("#"+currentSlideName).removeClass("viewing");
				$("#"+currentSlideName).animate({"left": "-870px"}, speed, easing)
					.animate({"top": "-500px"}, 1)
					.animate({"left": "0px"}, 1);
				$("#"+currentSlideName).removeClass("viewing");
				$("#" +nextSlideName).animate({"left": "0px"}, speed, easing).addClass("viewing")
				resetSlides();
			}
		);
		$("#floating-prev").click(
			function()
			{
				currentSlideName="img-" + currentImageIndex;
				prevSlideName=getPrevSlideId();
				currentImageIndex--;
				if (currentImageIndex < 0)
					currentImageIndex=csImgCnt-1;
				setWinSize(currentImageIndex);
				updateURL(currentImageIndex);
				$("#count").text(parseInt(1+currentImageIndex));
				$("#"+currentSlideName).animate({"left": "870px"}, speed, easing)
					.animate({"top": "-500px"}, 1)
					.animate({"left": "0px"}, 1)
					.removeClass('viewing');
				$("#" +prevSlideName).animate({"left": "0px"}, speed, easing)
					.addClass('viewing');
				resetSlides();
			}
		);
		

});