/* Gift Certificates */
function initGC() {
	document.getElementById("gcmessage").innerHTML = "<p>Dear Tom,</p><p>Good luck in your big race.</p><p>This will help pay for some of the gear you need.</p><p>Best, Ellen</p>";
	document.getElementById("giftmessage").value = "Enter your message here."
	document.getElementById("giftamount").value = "Amount";
	document.getElementById("prodImage").src = "/images/gift1.jpg";
	fixSpacer("giftpage");
}
function blurMessage() {
	if(document.getElementById("giftmessage").value == "") {
		document.getElementById("gcmessage").innerHTML = "<p>Dear Tom,</p><p>Good luck in your big race.</p><p>This will help pay for some of the gear you need.</p><p>Best, Ellen</p>";
		document.getElementById("giftmessage").value = "Enter your message here."
	}
}

var myHeight = 0;
function check_menu() {
	calcHeight();
	if (myHeight>760) {enableSubMenu=true;} else {enableSubMenu=false;}
}

function fixSpacer() {
	var divHeight = document.getElementById('pagecontent').offsetHeight;
	if (parseInt(divHeight)< 880) {
		document.getElementById("spacer").style.height = (880-parseInt(divHeight))+"px";
	} else {
		document.getElementById("spacer").style.height = "0px";
	}
	document.getElementById("search1").value = 'Search';
	pageLoaded = true;
	initCats();
	check_menu();
//	the following code is to support the alt text
	navtxt=(NS4)? document.layers['navtxt'] : (IE4)? document.all['navtxt'] : (W3C)? document.getElementById('navtxt') : null;
	getboxwidth();
	getboxheight();
	getwindowdims();
	isloaded=true;
	if (topCatQSCnt >= 0 && enableSubMenu) {
		containerElement = document.getElementById('container_'+topCatQSCnt);
		var clipID = 'clip_'+topCatQSCnt;
		subCatHeight = document.getElementById(clipID).offsetHeight + extraHeight;	
		containerElement.style.height = subCatHeight + "px"; 
		catSelect[topCatQSCnt] = true;
	}
	if((W3C || IE4) && centertext)navtxt.style.textAlign="center";
//	if(W3C)navtxt.style.padding='4px';
	if(IE4 || IE5 && dofade)navtxt.style.filter="alpha(opacity=0)";
	
//	display the ship time
	if (document.getElementById("shiptime")) {
		shrs = parseInt(document.getElementById("shiphours").innerHTML);
		smin = parseInt(document.getElementById("shipminutes").innerHTML);
		ssec = parseInt(document.getElementById("shipseconds").innerHTML);
		initShipTime();
	}	
}

var playLock = false;
var displaySecs = 5;
var rotatingBannerCnt = 1;
var playing = true;
function runRotateBanner() {
	playLock = false;		// this is used to make sure we don't start another slideshow while this one is running;
	if(playing) {
		playLock = true;
		if(rotatingBannerCnt >= numRotating) {selectBanner(1,0);} else {selectBanner(rotatingBannerCnt+1,0);}
		setTimeout("runRotateBanner()",displaySecs*1000);

		// Cache the next image to improve performance.
//		imageSeparator = futureImages.indexOf(";");
//		nextImage = futureImages.substring(0,imageSeparator);
//		if (slideCache[nextImage] == null){
//			slideCache[nextImage] = new Image;
//			slideCache[nextImage].src = nextImage;
//		}		
	} 
}

function playPauseRotate() {
	if(playing) {
		playing = false;
		document.getElementById("playpauseimg").src = "/images/play-button.gif";
	} else {
		playing = true;
		document.getElementById("playpauseimg").src = "/images/pause-button.gif";
		startRotateBanner();
	}
}

function startRotateBanner() {
	if(playLock) {
		setTimeout("startRotateBanner()",100);
	} else {
		if(playing) {runRotateBanner();}
	}
}

function selectBanner(imageNum,Pause) {
	var speed = 5;
	var timer = 0;
	if (Pause==1) {playing=false;document.getElementById("playpauseimg").src = "/images/play-button.gif";}
	//set the current image as background
	document.getElementById("rotatingbannerdiv").style.backgroundImage = "url(/productimages/promoimages/image" + rotatingBannerImage[rotatingBannerCnt-1] +".jpg)";
	//make image transparent
	changeOpac(0, "rotatingbannerimg");
	//make new image
	document.getElementById("rotatingbannerimg").src = "/productimages/promoimages/image"+rotatingBannerImage[imageNum-1]+".jpg";
	// change selectbanner button background color
	document.getElementById("selectbanner"+rotatingBannerCnt).style.backgroundColor = "#dcdddf"
	rotatingBannerCnt = imageNum;
	document.getElementById("selectbanner"+rotatingBannerCnt).style.backgroundColor = "#f58426"
	document.getElementById("bannerform").action=rotatingBannerLink[rotatingBannerCnt-1];
	document.getElementById("clickbanner").value=rotatingBannerImage[rotatingBannerCnt-1];
	//fade in image
	for(i = 0; i <= 100; i++){
		setTimeout("changeOpac(" + i + ",'rotatingbannerimg')",(timer * speed));
		timer++;
	}
}

function selectTab(tid) {
	var tabs = new Array('prm','des','cus','spe','siz','rev','art','adm');
	var tabColors = new Array('#00467f','#f58426','#56004e','#c41230','#004a61','#00467f','#006227','#56004e')
	var selectColor;
	for (i=0;i<tabs.length;i++) {
		if (document.getElementById(tabs[i]+"tab")) {
			document.getElementById(tabs[i]+"body").style.display="none";
			document.getElementById(tabs[i]+"tab").style.backgroundColor="#949699";
			document.getElementById(tabs[i]+"a").style.color="#c7c9cb";
		}
		if(tid == tabs[i]) {selectColor = tabColors[i];}
	}
	document.getElementById(tid+"body").style.display="inline-block";
	document.getElementById(tid+"tab").style.backgroundColor = selectColor;
	document.getElementById(tid+"a").style.color="#ffffff";
	return false;
}
