﻿function showTab(number)
{
    var totalNumber = document.getElementById("factorList2").getElementsByTagName("td").length;
    var factor = document.getElementById("factor"+number);
    
    if(number != null){
    var factorBanner = document.getElementById("factorBanner");
    factorBanner.src = "/products/img/subFactor/"+number+".jpg";
    }
    
    var counter = 1;
    while(counter <= totalNumber)
    {
        if(number == counter)
        {
            document.getElementById("container-"+counter).className = 'show tabWidth';
			var imgObj = document.getElementById("factor"+counter);
			imgObj.onmouseout = "function(){rollOver(this)}";
			
			var srcLength = imgObj.src.length;
			var newSrcLength = srcLength - 9;
			if(imgObj.src.substring(newSrcLength, srcLength) != "-over.jpg")
			{
				var temp = imgObj.src.substring(0, srcLength-4);
				temp = temp + "-over.jpg";
				imgObj.src = temp;
			}
        }
        else
        {
            document.getElementById("container-"+counter).className = 'hide tabWidth';
            var imgObj2 = document.getElementById("factor"+counter);
			imgObj2.onmouseout = "function(){rollOut(this)}";

			var srcLength2 = imgObj2.src.length;
			var newSrcLength2 = srcLength2 - 9;
			if(imgObj2.src.substring(newSrcLength2, srcLength2) == "-over.jpg")
			{
				var temp2 = imgObj2.src.substring(0, newSrcLength2);
				temp2 = temp2 + ".jpg";
				imgObj2.src = temp2;
			}
        }
        counter++;
    }
}

function showTab2(number)
{
    var totalNumber = document.getElementById("factorList2").getElementsByTagName("td").length;
    var factor = document.getElementById("factor"+number);
    
    if(number != null){
    var factorBanner = document.getElementById("factorBanner");
	number = number+4;
    factorBanner.src = "/products/img/subFactor/"+number+".jpg";
    number = number-4;
    }
    
    var counter = 1;    
    while(counter <= totalNumber)
    {  
        if(number == counter)
        {
            document.getElementById("container-"+counter).className = 'show tabWidth';
			var imgObj = document.getElementById("factor"+counter);
			var srcLength = imgObj.src.length;
			var newSrcLength = srcLength - 9;
			if(imgObj.src.substring(newSrcLength, srcLength) != "-over.jpg")
			{
				var temp = imgObj.src.substring(0, srcLength-4);
				temp = temp + "-over.jpg";
				imgObj.src = temp;
			}
        }
        else
        {
            document.getElementById("container-"+counter).className = 'hide tabWidth';
            var imgObj2 = document.getElementById("factor"+counter);
			var srcLength2 = imgObj2.src.length;
			var newSrcLength2 = srcLength2 - 9;
			if(imgObj2.src.substring(newSrcLength2, srcLength2) == "-over.jpg")
			{
				var temp2 = imgObj2.src.substring(0, newSrcLength2);
				temp2 = temp2 + ".jpg";
				imgObj2.src = temp2;
			}
        }
        counter++;
    }
}

function showTab3(number, imgObj)
{
	var totalNumber = document.getElementById("factorList2").getElementsByTagName("div").length;
	
	if(number != null){
		var factorBanner = document.getElementById("factorBanner");
		factorBanner.src = "/products/img/subFactor/"+number+".jpg";
    }
	
	var counter = 1;    
    while(counter <= totalNumber)
    {  
        if(number == counter)
        {
			document.getElementById("factorPic"+counter).style.display = "none";
			document.getElementById("container-"+counter).className = 'show tabWidth';
		}else{
			document.getElementById("factorPic"+counter).style.display = "inline-block";
			document.getElementById("container-"+counter).className = 'hide tabWidth';
		}
	counter++;
	}
}

function showTab4(number, imgObj)
{
	var totalNumber = document.getElementById("factorList2").getElementsByTagName("div").length;

	if(number != null){
		var factorBanner = document.getElementById("factorBanner");
		factorBanner.src = "/products/img/subFactor/"+number+".jpg";
    }
	number = number-4;
	var counter = 1;    
    while(counter <= totalNumber)
    {  
        if(number == counter)
        {
			document.getElementById("factorPic"+counter).style.display = "none";
			document.getElementById("container-"+counter).className = 'show tabWidth';
		}else{
			document.getElementById("factorPic"+counter).style.display = "inline-block";
			document.getElementById("container-"+counter).className = 'hide tabWidth';
		}
	counter++;
	}
}