/* All code copyright GJIT IT 2008 - Present */

// Function that will fade the tabs when hovered
function tabHoverFade(obj)
{
	// check if the tab is inactive
	if ( document.getElementById(obj.id).className == "navBarButton navBarButtonInactive" )
	{
		
		var changeID = obj.id; // passed element will id picked out
		var idNumber = changeID.substr(12); // take the number
		var backID = "back" + idNumber; // form the div background to be changed
		setTimeout( function () { NLBfadeBg( backID , "#2B2B2B" , "#CCCCCC" , "1000" ); },10);// use fade function
		document.getElementById(obj.id).style.background = "none"; // clear the background
		document.getElementById(obj.id).style.backgroundImage = "url(img/tab_invert.png)"; // the element to inverted
		document.getElementById(obj.id).style.backgroundRepeat = "no-repeat"; // make sure background does not repeat
	}
}

// Function to return the inactive object to normal
function tabHoverOut(obj)
{
	// check if tab is active
	if ( document.getElementById(obj.id).className == "navBarButton navBarButtonInactive" )
	{
		var changeID = obj.id; // passed element will ID picked
		var idNumber = changeID.substr(12); // get back ID number
		var backID = "back" + idNumber; // form back ID for getElement
		document.getElementById(backID).style.backgroundColor = "#2B2B2B"; // change both divs to background
		document.getElementById(obj.id).style.backgroundColor = "#2B2B2B"; // 
		document.getElementById(obj.id).style.backgroundImage = "none"; // get rid of background image
		document.getElementById(obj.id).style.backgroundRepeat = "repeat"; // set to default
		return true;
	}
}

// Main function when nav bar clicked
function changePage(element)
{
	// check to see if element active
	if ( !(document.getElementById(element).className == "navBarButton navBarButtonActive") )
	{
		divArray = document.getElementById("navBar").getElementsByTagName("div");
		for ( i = 0 ; i <= ( divArray.length - 1 ) ; i ++ )
		{
			if ( divArray[i].className == "navBarButton navBarButtonActive" )
			{
				document.getElementById(divArray[i].id).className = "navBarButton navBarButtonInactive";
				var idNumber = divArray[i].id.substr(12);
				var backID = "back" + idNumber;
				document.getElementById(backID).style.background = "none";
				document.getElementById(divArray[i].id).style.background = "none";
			}
			else
			{
				continue;
			}
		}
		var elementNum = element.substr(12);
		var backID = "back" + elementNum;
		setTimeout( 	function()
						{
							document.getElementById(backID).style.background = "none";
							document.getElementById(backID).style.backgroundImage = "url(img/tab_invert.png)";
							document.getElementById(element).style.background = "none";
							document.getElementById(element).style.backgroundImage = "url(img/tab_h.png)";
							document.getElementById(element).className = "navBarButton navBarButtonActive";
						},10);
		
		var postData = null;
		
		if ( checkCookie("languageSelect") )
		{
			var currentLanguage = readCookie("languageSelect");
		}
		else
		{
			var currentLanguage = "EN";
		}
		
		switch ( element )
		{
			case "navBarButton1":
				sendXMLRequest( currentLanguage + "/home.php",postData,handlerMainContent);
				break;
			case "navBarButton2":
				sendXMLRequest( currentLanguage + "/about.php",postData,handlerMainContent);
				break;
			case "navBarButton3":
				sendXMLRequest( currentLanguage + "/services.php",postData,handlerMainContent);
				break;
			case "navBarButton4":
				sendXMLRequest( currentLanguage + "/clients.php",postData,handlerMainContent);
				break;
			case "navBarButton5":
				sendXMLRequest( currentLanguage + "/careers.php",postData,handlerMainContent);
				break;
			case "navBarButton6":
				sendXMLRequest( currentLanguage + "/contact.php",postData,handlerMainContent);
				break;
			default:
				break;
		}
	}
}

function linkFromPage()
{
	changePage("navBarButton3")
}

function hasVisited()
{
	if ( checkCookie("languageSelect") )
	{
		var languageSelect = readCookie("languageSelect");
		switch ( languageSelect )
		{
			case "EN":
				break;
			case "CN":
				if ( window.location == "http://www.garethjonesit.co.uk/index_CN.php" )
				{
					return true;
				}
				else
				{
					window.location = "http://www.garethjonesit.co.uk/index_CN.php";
				}
				break;
			case "KR":
				if ( window.location == "http://www.garethjonesit.co.uk/index.php" )
				{
					return true;
				}
				else
				{
					window.location = "http://www.garethjonesit.co.uk/index.php";
				}
				break;
			case "CY":
				if ( window.location == "http://www.garethjonesit.co.uk/index.php" )
				{
					return true;
				}
				else
				{
					window.location = "http://www.garethjonesit.co.uk/index.php";
				}
				break;
			default:
				break;
		}
	}
	else 
	{
		setCookie("languageSelect","EN",365);
	}
}

function languageRedirect(language)
{
	switch ( language )
	{
		case "EN":
			setCookie("languageSelect","EN",365);
			if ( window.location == "http://www.garethjonesit.co.uk/")
			{
				return true;
			}
			else
			{
				window.location = "http://www.garethjonesit.co.uk/";
			}
			break;
		case "CN":
			setCookie("languageSelect","CN",365);
			if ( window.location == "http://www.garethjonesit.co.uk/index_CN.php")
			{
				return true;
			}
			else
			{
				window.location = "http://www.garethjonesit.co.uk/index_CN.php";
			}
			break;
		case "CY":
			setCookie("languageSelect","CY",365);
			if ( window.location == "http://www.garethjonesit.co.uk/index_CY.php")
			{
				return true;
			}
			else
			{
				window.location = "http://www.garethjonesit.co.uk/index_CY.php";
			}
			break;
		case "KR":
		setCookie("languageSelect","KR",365);
			if ( window.location == "http://www.garethjonesit.co.uk/index_KR.php")
			{
				return true;
			}
			else
			{
				window.location = "http://www.garethjonesit.co.uk/index_KR.php";
			}
			break;
		default:
			break;
	}
}

function contentDisplayHide(element) // used if the block is to remain after mouse out
{
	if(element.length < 1) 
	{ 
		return; 
	}
	
	var elementID = document.getElementById(element);
	
	if(elementID.style.display == "none") 
	{ 
		var x = document.getElementById("mainLogo");
		x.style.display = "none";
		elementID.style.display = "block";
		expandContentHolder(element,120);
	}
	else 
	{ 
		elementID.style.height = "0px";
		elementID.style.display = "none";
		var x = document.getElementById("mainLogo");
		x.style.display = "block";
	}
}

function expandContentHolder(element,finalSize)
{
	var elementID = document.getElementById(element);
	if ( elementID.offsetHeight < finalSize )
	{
		var t = setTimeout(function(){ growElement(element,finalSize); },20);
	}
}

function growElement(element,finalSize)
{
	var elementObj = document.getElementById(element);
	elementObj.style.height = ( elementObj.offsetHeight + 1 ) + "px";
	expandContentHolder(element,finalSize);
}