function showTab(number)
{
    var totalNumber = document.getElementById("factorList").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("factorList").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("factorList").getElementsByTagName("div").length;
	
	if(number != null){
		var factorBanner = document.getElementById("factorBanner");
		factorBanner.src = "/products/img/subFactor/Boards-mastheads/"+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++;
    }
    document.getElementById("container-11").className = 'hide tabWidth';
    document.getElementById("container-12").className = 'hide tabWidth';
    document.getElementById("container-13").className = 'hide tabWidth';
    document.getElementById("container-14").className = 'hide tabWidth';
    document.getElementById("container-21").className = 'hide tabWidth';
    document.getElementById("container-31").className = 'hide tabWidth';
    document.getElementById("container-32").className = 'hide tabWidth';
    document.getElementById("container-41").className = 'hide tabWidth';
    document.getElementById("container-42").className = 'hide tabWidth';
    document.getElementById("container-51").className = 'hide tabWidth';
    document.getElementById("container-52").className = 'hide tabWidth';

	var totalNumber = document.getElementById("filterSlider").getElementsByTagName("a").length;

	var counter2 = 0;
	while(counter2 < totalNumber)
	{
		document.getElementById("filterSlider").getElementsByTagName("a")[counter2].style.color = "#78AAD6";
		document.getElementById("filterSlider").getElementsByTagName("a")[counter2].style.textDecoration = "none";
		counter2++;
	}
}

function filter11()
{
    document.getElementById("container-1").className = 'hide tabWidth';
    document.getElementById("container-12").className = 'hide tabWidth';
    document.getElementById("container-13").className = 'hide tabWidth';
    document.getElementById("container-14").className = 'hide tabWidth';
    document.getElementById("container-11").className = 'show tabWidth';

}

function filter12()
{
    document.getElementById("container-1").className = 'hide tabWidth';
    document.getElementById("container-11").className = 'hide tabWidth';
    document.getElementById("container-13").className = 'hide tabWidth';
    document.getElementById("container-14").className = 'hide tabWidth';
    document.getElementById("container-12").className = 'show tabWidth';
}

function filter13()
{
    document.getElementById("container-1").className = 'hide tabWidth';
    document.getElementById("container-11").className = 'hide tabWidth';
    document.getElementById("container-12").className = 'hide tabWidth';
    document.getElementById("container-14").className = 'hide tabWidth';
    document.getElementById("container-13").className = 'show tabWidth';
}

function filter14()
{
    document.getElementById("container-1").className = 'hide tabWidth';
    document.getElementById("container-11").className = 'hide tabWidth';
    document.getElementById("container-12").className = 'hide tabWidth';
    document.getElementById("container-13").className = 'hide tabWidth';
    document.getElementById("container-14").className = 'show tabWidth';
}


function filter21()
{
    document.getElementById("container-2").className = 'hide tabWidth';
    document.getElementById("container-21").className = 'show tabWidth';
}

function filter31()
{
    document.getElementById("container-3").className = 'hide tabWidth';
    document.getElementById("container-32").className = 'hide tabWidth';
    document.getElementById("container-31").className = 'show tabWidth';
}

function filter32()
{
    document.getElementById("container-3").className = 'hide tabWidth';
    document.getElementById("container-31").className = 'hide tabWidth';
    document.getElementById("container-32").className = 'show tabWidth';
}

function filter41()
{
    document.getElementById("container-4").className = 'hide tabWidth';
    document.getElementById("container-42").className = 'hide tabWidth';
    document.getElementById("container-41").className = 'show tabWidth';
}

function filter42()
{
    document.getElementById("container-4").className = 'hide tabWidth';
    document.getElementById("container-41").className = 'hide tabWidth';
    document.getElementById("container-42").className = 'show tabWidth';
}

function filter51()
{
    document.getElementById("container-5").className = 'hide tabWidth';
    document.getElementById("container-52").className = 'hide tabWidth';
    document.getElementById("container-51").className = 'show tabWidth';
}

function filter52()
{
    document.getElementById("container-5").className = 'hide tabWidth';
    document.getElementById("container-51").className = 'hide tabWidth';
    document.getElementById("container-52").className = 'show tabWidth';
}

function showTab4(number, imgObj)
{
	var totalNumber = document.getElementById("factorList").getElementsByTagName("div").length;

	if(number != null){
		var factorBanner = document.getElementById("factorBanner");
		factorBanner.src = "/products/img/subFactor/Systems/"+number+".jpg";
	}

	number = number-5;
	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++;
	}
}