// 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");
	if(topLinks.length>1)
	{

		resizeDiv(topUL, topLinks);
		
		for (var i=0; i<topLinks.length; i++){
			var aLink = topLinks[i];
			  if (aLink.className.indexOf("on") != -1){
						
						showDiv(aLink.rel,1);
						showSubTab(1);
				 }
			aLink.onclick = function(){
					  makeActive(this,1);
						
								
				}	
			}
	}
	else
	{
		var ul1 = topUL.getElementsByTagName("ul")[0];
		
		if(ul1.className=='tabtop')
		{
			ul1.style.display='none';
			var aLink = topLinks[0];
			if (aLink.className.indexOf("on") != -1)
			{
				showDiv(aLink.rel,0);
				
			}
				
			
		}
			
	}

}


function showDiv(thisDiv,flag)
{
	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;
			var list = tabParent.getElementsByTagName("ul")[0].getElementsByTagName("li");
			
			tabParent.style.display = "block";
			tabDiv.style.display = "block";	
			if(flag==0)
			{
				tabParent.getElementsByTagName("ul")[0].style.display='none';
				document.getElementById("topLinks").innerHTML = "<ul class='tabtop'>"+tabParent.getElementsByTagName("ul")[0].innerHTML+'</ul>';showSubTab(0);
				
			}
			else if(flag==1 && list.length ==1)
			{
				
				tabParent.getElementsByTagName("ul")[0].style.display='none';
			}
		}
		
		
		
	}
	
	

}

function showSubTab(flag,thisTab)
{

	if(flag==1)
	{
		var topUL = getElementsByClassName("tabtopinner" , "ul", document.getElementById('tabs'));
		var topLinks = new Array();
		for(var k=0;k<topUL.length;k++)
		{
			var links = topUL[k].getElementsByTagName("a");
			for(var j=0;j<links.length;j++)
			{
				topLinks.push(links[j]);
			}
			
		}
		
		for (var i=0; i<topLinks.length; i++){
			var bLink = topLinks[i];
			  if (bLink.className.indexOf(thisTab) != -1){
						showDiv(bLink.rel,flag);
					}
			bLink.onclick = function(){
					  makeActiveInner(this,flag);
		
				}	
			}
			
	}
	else if(flag==0)
	{
		var topUL = document.getElementById("topLinks");
		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.rel,flag);
					}
			bLink.onclick = function(){
					  makeActive(this,flag);
		
				}	
			}
	}
}



function makeActive(changeTab,flag){
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;
		aLink.parentNode.className = null;
		
		}
				
		changeTab.className = "on";
		showDiv(changeTab.rel,flag);
		resetSubLink(changeTab.rel,flag);
		//showSubTab(changeTab.rel);
	
}


function makeActiveInner(changeTab,flag){
	
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.rel,flag);
	
}

function resetSubLink(thisTab,flag){

	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.rel == linkTitle){

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


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";
	
			}
	
	}
}