/* 
   JavaScript Document - JS
   Shuayao - 16.10.2009
   Malte Beckers
   Page Functions
*/

/* Onload Events */
onload = function() {
	if(document.getElementById('tc_img_1')){
		document.getElementById('tc_img_1').style.display = "none";  // Hide Image 1 (JS alternative)
		//document.getElementById('teaserChanger').style.display = "block";  // Show Teaser Changer Bar
		tcSlideShow(1);
	}
	// Show Teefinder @ HOME if JS is enabled
    if (document.getElementById('teefinder_home')) {
        document.getElementById('teefinder_home').style.display = "block";
    }
}

/* Homepage Teaser Functions */
var tcSlideshow = "";
var tcAction = 1;  // If 1 (true), slideshow is on
function tcShow(nr) {
	if(tcAction == 1){
	    for(var i=1; i<=2; i++){
			document.getElementById('tc_img_'+i).style.display = "none";
			//document.getElementById('tc_'+i).childNodes[0].style.backgroundImage = "none";
	    }
	    document.getElementById('tc_img_'+nr).style.display = "block";
		//document.getElementById('tc_'+nr).childNodes[0].style.backgroundImage = "url(img/bg_home_teaser_changer_"+nr+".gif)";
	}
}
function tcSlideShow(nr){
	tcShow(nr);
	if(nr<=1){nr++;}
	else {nr=1;}
	if(tcSlideshow) {
		window.clearTimeout(tcSlideshow);
	}
    tcSlideshow = window.setTimeout("tcSlideShow("+nr+")", 5000);
}
function tcStop(nr){
    if(tcAction == 1){
	    window.clearTimeout(tcSlideshow);
		tcAction = 0;
		//document.getElementById('teaserChanger').className = "act";
	}
	else {
      tcAction = 1;
	  tcSlideShow(nr);
	  //document.getElementById('teaserChanger').className = "";
	}
}

/* Show Layer Menu */
var aObj = ""; // Save object of a-tag into global var 
function show2ndMenu(id,a){
	if(a){aObj=a;}
	if(document.getElementById(id)){
	    document.getElementById(id).style.display = "block";
	    if (document.getElementById('homeTeaser')) {
	        document.getElementById('homeTeaser').className = "zIndexNew";  // Important for IE6+7, sets new class with "z-index:-1" in home.css
	    }
	}
	aObj.className = aObj.className + " cur"; }
/* Hide Layer Menu */
function hide2ndMenu(id){
	if(document.getElementById(id)){
	    document.getElementById(id).style.display = "none";
	    if (document.getElementById('homeTeaser')) {
	        document.getElementById('homeTeaser').className = "";
	    }
	}
	aObj.className = aObj.className.replace(/ cur/g, "");
}

/* Show Product Details */
function showPdtn(dt,a){
	var dts = dt.slice(0,-1);
	var i = 0;
	while(document.getElementById(dts+i)){ /* Hide Divs */
		document.getElementById(dts+i).style.display = "none";
		i++;
	}
	document.getElementById(dt).style.display = "block";

	var childNodes = document.getElementById('productDetailNav').childNodes;
	for(var i in childNodes) {
		if(childNodes[i].nodeName == "LI") {
		  childNodes[i].childNodes[0].className = "";
		}
	}
	a.className = "act";
    a.blur();
}

/* Show Order Image, Highlight choosed Productsize */
function orderSizeImgAct(a,img,imgB,tr){
	// Get TBODY Table Object
	var pNode = tr.parentNode;
	while (pNode.nodeName != "TBODY") {
        pNode = pNode.parentNode;
    }
	// Search for Childnodes Type TR and reset Highlight (class=act)
	var childNodes = pNode.childNodes;
	for(var i in childNodes) {
		if(childNodes[i].nodeName == "TR") {
		    childNodes[i].className = "";
		}
	}
	// Act current TR
	tr.className = "act"
	// Change BigImage href
	document.getElementById(a).href = imgB;
	// Change Image src
	var childNodes = document.getElementById(a).childNodes;
	for(var i in childNodes) {
		if(childNodes[i].nodeName == "IMG") {
		    childNodes[i].src = img;
		}
	}
}

/* Show Teefinder Dropdown-Menu */
function showTF(li){
	var pNode = li.parentNode;
	while (pNode.nodeName != "UL") {
		pNode = pNode.parentNode;
    }
	if(pNode.className != "teefinderMenu off"){// Proof: is dropdown disabled?
		var childNodes = li.childNodes;
		li.style.position = "relative";
		for(var i in childNodes) {
			if(childNodes[i].nodeName == "UL") {
				 childNodes[i].style.display = "block";
			}
			else if (childNodes[i].nodeName == "A") {
				childNodes[i].className = "act";
			}
		}
	}
}
/* Hide Dropdown */
function hideTF(li){
	var childNodes = li.childNodes;
	li.style.position = "";
	for(var i in childNodes) {
		if(childNodes[i].nodeName == "UL") {
		    childNodes[i].style.display = "none";
		}
		else if (childNodes[i].nodeName == "A") {
			childNodes[i].className = "";
		}
	}
}

/* Disable certain Dropdowns */
function disableTF(dis1,dis2) {
	if(document.getElementById(dis1)){document.getElementById(dis1).className = "teefinderMenu off";}
	if(document.getElementById(dis2)){document.getElementById(dis2).className = "teefinderMenu off";}
}

/* Set Teefinder Link-Values into Hidden Fields */
function setValueTF(field,a) {
	// Set value into hidden field
	if(document.getElementById(field)){
		document.getElementById(field).value = a.rel;
		a.blur();
	}
	// Delete class act from all A in List
	var pNode = a.parentNode;
	
	while (pNode.nodeName != "UL") {
        pNode = pNode.parentNode;
    }
	var childNodes = pNode.childNodes;
	for(var i in childNodes) {
		if(childNodes[i].nodeName == "LI") {
			var childNodes2 = childNodes[i].childNodes;
			for(var j in childNodes2) {
		        if(childNodes2[j].nodeName == "A") {
					childNodes2[j].className = "";
		        }
	        }
		}
	}
	// Set choosed Link as top and close Dropdown
	var pNode = a.parentNode;
	while (pNode.className != "teefinderMenu") {
        pNode = pNode.parentNode;
    }
	var childNodes = pNode.childNodes;
	for(var i in childNodes) {
		if(childNodes[i].nodeName == "LI") {
			hideTF(childNodes[i]);
			childNodes = childNodes[i].childNodes;
		}
	}
	for(var j in childNodes) {
		if(childNodes[j].nodeName == "A") {
			childNodes[j].innerHTML = a.innerHTML;
		}
	}
	a.className = "act";
}


/* Toggle Cart Items on/off */
function toggleTR(a) {
	// Set Vars
	var TRFound = "";
	var TRSearchClass = "";
	
	// Search for TR.more or TR.cartSub
	var TrNode = a.parentNode;
	while (TrNode.nodeName != "TR") { // Catch TR.more
		TrNode = TrNode.parentNode;
    }
	if(TrNode.className != "more" && TrNode.className != "cartSub"){ // Catch TR.cartSub (other table-level)
		TrNode = TrNode.parentNode;
		while (TrNode.nodeName != "TR") {
			TrNode = TrNode.parentNode;
    	}
	}

// Find TBODY Parent Element
	var TBodyNode = TrNode.parentNode;
	while (TBodyNode.nodeName != "TBODY") {
        TBodyNode = TBodyNode.parentNode;
    }
	
	// Proof TR
	if(TrNode.className == "more"){
		TRFound = TrNode;
		TRSearchClass = "cartSub";
	} 
	if(TrNode.className == "cartSub"){
		TRFound = TrNode;
		TRSearchClass = "more";
	} 
	
	// Search for other TR
	var childNodes = TBodyNode.childNodes;
	for(var i in childNodes) {
		if(childNodes[i].className == TRSearchClass) {
			if(childNodes[i].style.display == "none" || childNodes[i].style.display == "") {
				childNodes[i].style.display = "table-row";
				TRFound.style.display = "none";
			}
			else {
				childNodes[i].style.display = "table-row";
				TRFound.style.display = "block";
			}
		}
	}
}


/* Feefinder Homepage Functions */
var tf = "1";
function showTFH(li){
	tf++;
	sizeTF();
	// Catch child UL node
	var childNodes = li.childNodes;
	for(var i in childNodes) {
		if(childNodes[i].nodeName == "UL") {
			childNodes[i].style.display = "block";
		}
		if(childNodes[i].nodeName == "A") {
			childNodes[i].className = "act";
		}
	}
}
function hideTFH(li){
	tf--;
	sizeTF();
	var childNodes = li.childNodes;
	for(var i in childNodes) {
		if(childNodes[i].nodeName == "UL") {
			childNodes[i].style.display = "none";
		}
		if(childNodes[i].nodeName == "A") {
			childNodes[i].className = "";
		}
	}
}
function sizeTF(){
	if(tf == "1"){
		document.getElementById('teefinder_home').style.width = "188px";
		document.getElementById('innerTFH').style.width = "188px";
	}
	if(tf == "2"){
		document.getElementById('teefinder_home').style.width = "351px";
		document.getElementById('innerTFH').style.width = "351px";
	}
	if(tf == "3"){
		document.getElementById('teefinder_home').style.width = "528px";
		document.getElementById('innerTFH').style.width = "528px";
	}
}