// hide and unhide div tags
var divArray = new Array();;
var linkArray = new Array();
var catArray;
var id;
var index;

function PageLoader()
{		
	catArray = new Array(
			document.getElementById("cat0"),
			document.getElementById("cat1"),
			document.getElementById("cat2"),
			document.getElementById("cat3"),
			document.getElementById("cat4"),
			document.getElementById("cat5"))
	
	index = getQueryVariable("index");

	ToggleCat(index);
}

function getQueryVariable(variable)
{ 
	var query = window.location.search.substring(1);
	
	var groupSplit = query.split("?");
	
	for(var i = 0; i < groupSplit.length; i++)
	{
		var variableSplit = groupSplit[i].split("=");
		
		if(variableSplit[0] == variable)
		{
			return variableSplit[1];
		}
		else
		{
			return 0;
		}
	}
}

function ToggleCat(id)
{
	for(var i = 0; i <= catArray.length; i++)
	{
	    if (catArray[i] != null)
	    {
		    if(i == id)
		    {
		        catArray[i].style.display = "block";
    			
		        if(i == 0)
		        {
			        ToggleDivs(1);
		        }
		        else if (i == 1)
		        {
			        ToggleDivs(7);
		        }
		        else if (i == 2)
		        {
			        ToggleDivs(16);
		        }
		        else if (i == 3)
		        {
			        ToggleDivs(17);
		        }
		        else if (i == 4)
		        {
			        ToggleDivs(14);
		        }
		        else if (i == 5)
		        {
			        ToggleDivs(17);
		        }
		        else
		        {
			        ToggleDivs(1);
		        }
		    }
		    else
		    {
			    catArray[i].style.display = "none";
		    }
		}
	}
}

function ToggleDivs(divNum) 
{
	for(var n = 0; n < 30; n++)
	{
		divArray[n] = document.getElementById("div" + n);
		linkArray[n] = document.getElementById("link" + n);
		
		if (divArray[n] != null && linkArray[n] != null)
		{
			linkArray[n].className = "linkInActive";
			divArray[n].style.display = "none";
			
			if(n == divNum)
			{
				linkArray[n].className = "linkActive";
				divArray[n].style.display = "block";
			}
		}
	}
}


function showDDMenu()
{
	var ddmenu = document.getElementById("ddMenu");

	ddmenu.style.display = "block";
}

function hideDDMenu()
{
	var ddmenu = document.getElementById("ddMenu");

	ddmenu.style.display = "none";
}