// these set of functions change tab states for product detail content
function toggleDiv(id,flagit) {
		if (flagit=="1"){
			document.getElementById(''+id+'').style.visibility = "visible"
		} else {
			document.getElementById(''+id+'').style.visibility = "hidden"
		}
}

function createContent(){

var topUL = document.getElementById("topLinks");
var topLinks = topUL.getElementsByTagName("a");

resizeDiv(topUL, topLinks);

for (var i=0; i<topLinks.length; i++){
	var aLink = topLinks[i];
	  if (aLink.className.indexOf("on") != -1){
				
				showDiv(aLink.title);
				showSubTab();
		 }
 	aLink.onclick = function(){
			  makeActive(this);
				
						
		}	
	}
}


function showDiv(thisDiv){
var tabDiv = document.getElementById("tabs");	
var tabs = tabDiv.getElementsByTagName("div");

for(i=0; i<tabs.length; i++){
	var tabDiv = tabs[i];
	tabDiv.style.display = "none";
	if (tabDiv.className.indexOf(thisDiv) != -1){
			var tabParent = tabDiv.parentNode;
			tabParent.style.display = "block";
			tabDiv.style.display = "block";											 
			}
	
	}

}

function showSubTab(thisTab){
var topUL = document.getElementById("tabs");
var topLinks = topUL.getElementsByTagName("a");
for (var i=0; i<topLinks.length; i++){
	var bLink = topLinks[i];
	  if (bLink.className.indexOf(thisTab) != -1){
				showDiv(bLink.title);
			}
 	bLink.onclick = function(){
			  makeActiveInner(this);

		}	
	}
}



function makeActive(changeTab){
	
var topUL = document.getElementById("topLinks");
var topLinks = topUL.getElementsByTagName("a");
for (var i=0; i<topLinks.length; i++){
		var aLink = topLinks[i];
		aLink.className = null;
		}
				
		changeTab.className = "on";
		showDiv(changeTab.title);
		resetSubLink(changeTab.title);
		//showSubTab(changeTab.title);
	
}


function makeActiveInner(changeTab){
	
var topUL = document.getElementById("tabs");
var topLinks = topUL.getElementsByTagName("a");
for (var i=0; i<topLinks.length; i++){
		var aLink = topLinks[i];
		aLink.className = null;
		}
			
		changeTab.className = "onInner";
		showDiv(changeTab.title);
	
}

function resetSubLink(thisTab){

	var linkTitle = thisTab;

	var topUL = document.getElementById("tabs");
	var topLinks = topUL.getElementsByTagName("a");
	for (var i=0; i<topLinks.length; i++){
		var aLink = topLinks[i];
		aLink.className = null;
		if (aLink.title == linkTitle){

		aLink.className = "onInner";
		} showDiv(thisTab);
	}
}


function resizeDiv(thisDiv, theseLinks){
  if(document.getElementById("resProductTabs")){
    
		  var resProductTabsDiv = document.getElementById("resProductTabs");
			var tabsDiv = document.getElementById("tabs");
			var bannerSection = document.getElementById("bannersRes");
	    
			if (theseLinks.length == 3){
				bannerSection.style.width = "186px";

			}

			if (theseLinks.length == 5){
					resProductTabsDiv.style.width = "515px";
					tabsDiv.style.width = "512px";
					bannerSection.style.clear = "both";
					bannerSection.style.width = "500px";

			}
			
			if (theseLinks.length == 4){
					resProductTabsDiv.style.width = "445px";
					tabsDiv.style.width = "409px";
					bannerSection.style.clear = "both";
					bannerSection.style.width = "500px";
	
			}
	
	}
}

window.onload = createContent;