// JavaScript Document

var pnWidth
var pn2Width
var curSlide = 1
var pnCount = 7;

var slideTimer = setTimeout("autoSlide()",3000);

$(document).ready(function() {
						   
pnWidth = $("#ssPanelhold").width() / pnCount;
pn2Width = $("#descPanelhold").width() / pnCount;

//pnWidth = $("#ssHolder2").width() / pnCount;
			$("#iconBar>div>img").click(function() {
				var $this = $(this);
				tNum = parseInt($this.attr("id").substr(2));
				slidePanel(tNum);
			});


});

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

function slidePanel(pNum) {
		clearTimeout(slideTimer);
		curSlide = parseInt(pNum);
		pInt = parseInt(pNum) - 1;
		//pnWidth = pnWidth - 14;
		pWd = parseInt("-" + pnWidth * pInt);
		pWd2 = parseInt("-" + pn2Width * pInt);
		if (version < 7) {
			pWd = parseInt("-" + (pnWidth - 14) * pInt);
		}
		$("#ssPanelhold").animate({left: pWd}, 750, "expoinout");
		$("#descPanelhold").animate({left: pWd2}, 750, "expoinout");		
		//alert($("#iconBar div:nth-child(pInt)").width());
		$("#iconBar>div").removeClass("iconSelected");
		$("#iconBar>div").eq([pInt]).addClass("iconSelected");
		slideTimer = setTimeout("autoSlide()",12000);

}

function autoSlide() {
	if(curSlide <pnCount) {
		curSlide++
		slidePanel(curSlide);	
	}
	else if (curSlide == pnCount) {
		slidePanel(1);		 
	}
}