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-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-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-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-13").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/"+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++;
	}
}


	$(function() {
		
		//run the currently selected effect
		function runEffect(){

		//get effect type from 
		var selectedEffect = "slide";
			
		//most effect types need no options passed by default
		var options = {};
		//check if it's scale, transfer, or size - they need options explicitly set
		if(selectedEffect == 'scale'){ options = {percent: 0}; }
		else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
		else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

		//run the effect
		$("#effect").effect(selectedEffect,options,500,callback);
		}

		//run the currently selected effect
		function runEffect2(){

		//get effect type from 
		var selectedEffect = "slide";
			
		//most effect types need no options passed by default
		var options = {};
		//check if it's scale, transfer, or size - they need options explicitly set
		if(selectedEffect == 'scale'){ options = {percent: 0}; }
		else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
		else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

		//run the effect
		$("#effect2").effect(selectedEffect,options,500,callback2);
		}

		//run the currently selected effect
		function runEffect3(){

		//get effect type from 
		var selectedEffect = "slide";
			
		//most effect types need no options passed by default
		var options = {};
		//check if it's scale, transfer, or size - they need options explicitly set
		if(selectedEffect == 'scale'){ options = {percent: 0}; }
		else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
		else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

		//run the effect
		$("#effect3").effect(selectedEffect,options,500,callback3);
		}

		//run the currently selected effect
		function runEffect4(){

		//get effect type from 
		var selectedEffect = "slide";
			
		//most effect types need no options passed by default
		var options = {};
		//check if it's scale, transfer, or size - they need options explicitly set
		if(selectedEffect == 'scale'){ options = {percent: 0}; }
		else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
		else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

		//run the effect
		$("#effect4").effect(selectedEffect,options,500,callback4);
		}

		//run the currently selected effect
		function runEffect5(){

		//get effect type from 
		var selectedEffect = "slide";
			
		//most effect types need no options passed by default
		var options = {};
		//check if it's scale, transfer, or size - they need options explicitly set
		if(selectedEffect == 'scale'){ options = {percent: 0}; }
		else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
		else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

		//run the effect
		$("#effect5").effect(selectedEffect,options,500,callback5);
		}
		
		
		//callback function to bring a hidden box back
		function callback(){
			setTimeout(function(){
				$("#effect:hidden").removeAttr('style').hide().fadeIn();
			}, 1000);
		};

		//callback function to bring a hidden box back
		function callback2(){
			setTimeout(function(){
				$("#effect2:hidden").removeAttr('style').hide().fadeIn();
			}, 1000);
		};

		//callback function to bring a hidden box back
		function callback3(){
			setTimeout(function(){
				$("#effect3:hidden").removeAttr('style').hide().fadeIn();
			}, 1000);
		};

		//callback function to bring a hidden box back
		function callback4(){
			setTimeout(function(){
				$("#effect4:hidden").removeAttr('style').hide().fadeIn();
			}, 1000);
		};

		//callback function to bring a hidden box back
		function callback5(){
			setTimeout(function(){
				$("#effect5:hidden").removeAttr('style').hide().fadeIn();
			}, 1000);
		};
		
		//set effect from select menu value
		$("#linkFactor1").click(function() {
			document.getElementById("exText").style.display = "none";
			document.getElementById("techFilter5").style.display = "none";
			document.getElementById("techFilter4").style.display = "none";
			document.getElementById("techFilter3").style.display = "none";
			document.getElementById("techFilter2").style.display = "none";
			document.getElementById("techFilter1").style.display = "block";
			runEffect();
			return false;
		});

		//set effect from select menu value
		$("#linkFactor2").click(function() {
			document.getElementById("exText").style.display = "none";
			document.getElementById("techFilter5").style.display = "none";
			document.getElementById("techFilter4").style.display = "none";
			document.getElementById("techFilter3").style.display = "none";
			document.getElementById("techFilter1").style.display = "none";
			document.getElementById("techFilter2").style.display = "block";
			runEffect2();
			return false;
		});

		//set effect from select menu value
		$("#linkFactor3").click(function() {
			document.getElementById("exText").style.display = "none";
			document.getElementById("techFilter5").style.display = "none";
			document.getElementById("techFilter4").style.display = "none";
			document.getElementById("techFilter2").style.display = "none";
			document.getElementById("techFilter1").style.display = "none";
			document.getElementById("techFilter3").style.display = "block";
			runEffect3();
			return false;
		});

		//set effect from select menu value
		$("#linkFactor4").click(function() {
			document.getElementById("exText").style.display = "none";
			document.getElementById("techFilter5").style.display = "none";
			document.getElementById("techFilter3").style.display = "none";
			document.getElementById("techFilter2").style.display = "none";
			document.getElementById("techFilter1").style.display = "none";
			document.getElementById("techFilter4").style.display = "block";
			runEffect4();
			return false;
		});

		//set effect from select menu value
		$("#linkFactor5").click(function() {
			document.getElementById("exText").style.display = "none";
			document.getElementById("techFilter4").style.display = "none";
			document.getElementById("techFilter3").style.display = "none";
			document.getElementById("techFilter2").style.display = "none";
			document.getElementById("techFilter1").style.display = "none";
			document.getElementById("techFilter5").style.display = "block";
			runEffect5();
			return false;
		});
	});