// Global Page Reset
		function refresh()
		{
			document.location.reload("SykesCareers.aspx");
		}
// Tab menu Control
		function clickedTab(){	
			document.getElementById('filterCurrent').style.backgroundColor = "#7D2E41";
			document.getElementById('filterCurrent').style.color = "#FFF";
			document.getElementById('workingCurrent').style.backgroundColor = "#FFF";
			document.getElementById('workingCurrent').style.color = "#000";
			document.getElementById('filterSearchTab').style.display = "block";
			document.getElementById('filterTabTitle').style.display = "block";
			hideLeftMenu();
		}
		function clickedWorkingTab(){
			document.getElementById('filterTabTitle').style.display = "none";
			
		if (!filterIsOpen)
		{
			location.href = "SykesCareers.aspx";
		}
		else
		{
			document.getElementById('filterCurrent').style.backgroundColor = "#FFF";
			document.getElementById('filterCurrent').style.color = "#000";
			document.getElementById('workingCurrent').style.backgroundColor = "#7D2E41";
			document.getElementById('workingCurrent').style.color = "#FFF";
			document.getElementById('filterSearchTab').style.display = "none";
			document.getElementById('workingAtSykes').style.display = "block";
		}

		}
		function hideLeftMenu(){
			document.getElementById('workingAtSykes').style.display = "none";	
		}

// Paging Animation
		
		var fnToggleFirstTime = true

		function fnToggle() {
			
			if(!fnToggleFirstTime)
			{
			divJobList.filters[0].slideStyle = "hide";
			divJobList.filters[0].Apply(); 
			divJobList.filters[0].Play();
			}
			else
			{
			fnToggleFirstTime = false;
			}
			
		}
		
		// Fade Transition Effect 
		var fadeToggle = 0;
		function doFade() 
		{
		try {
			divJobDetails.filters[0].Apply();                   
		// After setting Apply, changes to the fadeDiv object 
		// are not displayed until Play is called.


			if (fadeToggle) 
			{
				fadeToggle = 0;
				divJobDetails.style.backgroundColor="#FFFFFF";
			}
			else 
			{
				fadeToggle = 1;
				divJobDetails.style.backgroundColor="#FFFFFF";
			}  
			divJobDetails.filters[0].Play();
			
			}
			catch (e)
			{
			
			}
		}
		
		
		// Script below are used for paging purposes for Job List

		var objXslPaging;
		var objXmlPaging;
		
		function fnDisplayXmlTable(xmlTagRaw)
		{
			var xmlObj;
			var xslObj;
			var objXslProc;
			
			if (isIE)
			{
				xmlObj = new ActiveXObject("Microsoft.XMLDOM");
				xmlObj.async = false;
				xmlObj.loadXML( xmlTagRaw.transformNode(objXslPaging) );
			}
			else if (!isIE)
			{
				xmlObj = document.implementation.createDocument("", "", null);
				xslObj = document.implementation.createDocument("", "", null);
				xmlObj.async = false;
				xslObj.async = false;
				xslObj.loadXML(objXslPaging.xml);
				
				objXslProc = new XSLTProcessor();
				objXslProc.importStylesheet(xslObj);
				
				xmlObj = objXslProc.transformToDocument(xmlTagRaw);
			}
			document.getElementById('divJobList').innerHTML = xmlObj.xml;
			document.getElementById('divJobList').style.display = "block";
		}
		function fnPopulateCurrentPage(pageId)
		{
			var pageSize = 10; // modify page size if you want to increase or decrease the number of records to display
			var xmlDoc = objXmlPaging.getElementsByTagName("JobList");
			var xmlCurrent; // variable for current xml records
			
			var recCount = xmlDoc.length;
			var pageCount = recCount / pageSize;
			var curPage = (pageId * pageSize) - pageSize; // Current page index
			var curPageSize = 0;
			var strXml;
			
			pageCount = Math.ceil(pageCount);
			
			if (isIE)
			{
				xmlCurrent = new ActiveXObject("Microsoft.XMLDOM");
			}
			else if (!isIE)
			{
				xmlCurrent = document.implementation.createDocument("", "", null);
			}
			
			xmlCurrent.async = false;
			xmlCurrent.loadXML("");
			
			strXml = "<JobLists>";
			
			for (var i = curPage; curPageSize < pageSize && i < recCount; i++)
			{
				var JobAdvertisementID = xmlDoc[i].getElementsByTagName("JobAdvertisementID")[0].firstChild.nodeValue;
				var JobTitle = xmlDoc[i].getElementsByTagName("JobTitle")[0].firstChild.nodeValue;
				var DatePosted = unescape(xmlDoc[i].getElementsByTagName("DatePosted")[0].firstChild.nodeValue);
				var City = unescape(xmlDoc[i].getElementsByTagName("City")[0].firstChild.nodeValue);
				var Country = xmlDoc[i].getElementsByTagName("Country")[0].firstChild.nodeValue;
				var SortKey = xmlDoc[i].getElementsByTagName("SortKey")[0].firstChild.nodeValue;
				
				strXml += "<JobList>";
				strXml += "<JobAdvertisementID>" + JobAdvertisementID + "</JobAdvertisementID>";
				strXml += "<JobTitle>" + JobTitle + "</JobTitle>";
				strXml += "<DatePosted>" + DatePosted + "</DatePosted>";
				strXml += "<City>" + City + "</City>";
				strXml += "<Country>" + Country + "</Country>";
				strXml += "<SortKey>" + SortKey + "</SortKey>";
				strXml += "</JobList>";
				
				++curPageSize;
			}
			
			strXml += "</JobLists>";
			
			xmlCurrent.loadXML(strXml);
			try 
			{
				fnToggle();
			}
			catch (e) {}
			fnDisplayXmlTable(xmlCurrent);
			fnPopulatePagers(pageId, pageCount);
		}
			
		function fnPopulatePagers(pageId, pageCount)
		{
			var prevPage = pageId - 1;
			var nextPage = pageId + 1;
			var contents = "";
			document.getElementById("divPager").style.display = "none";
			if (pageCount > 1)
			{
			
			if (pageId == 1)
			{
				contents += " <img src=\"Images/previous-end.gif\"  border=\"0\" align=\"absmiddle\" /> ";
			}
			else
			{
				contents += " <a href='javascript: fnPopulateCurrentPage(" + prevPage + ")'><img src=\"Images/previous.gif\"  border=\"0\" align=\"absmiddle\" /></a> ";
			}
			
			for (var pg=1; pg <= pageCount; pg++)
			{
				if (pageId == pg)
				{
					contents += " <label id=\"pagingNumberUnclicked\">" + pg + "</label>";
				}
				else
				{
					contents += " <a id=\"pagingNumberClicked\" href='javascript: fnPopulateCurrentPage(" + pg + ")'>" + pg + "</a>";
				}
			}
			
			if (pageId == pageCount)
			{
				contents += " <img src=\"Images/next-end.gif\" align=\"absmiddle\" /> ";
			}
			else
			{
				contents += " <a href='javascript: fnPopulateCurrentPage(" + nextPage + ")'><img src=\"Images/next.gif\"  border=\"0\" align=\"absmiddle\" /></a> ";
			}
				document.getElementById("divPager").style.display = "block"
				document.getElementById("divPager").innerHTML = contents;
			}
		}
			
// Row selection behavior

		var prevBgColor;
		var rowIsSelected = false;
		var rowHighlighted = "x"; 

		function SelectedRow(obj, userId)
		{

				if(rowHighlighted=="x"){
					rowHighlighted = obj
					rowHighlighted.bgColor = '#E0DED7';
					viewDetailClick(userId);
					rowIsSelected = true;
				}
				else if(rowHighlighted==obj){
					rowHighlighted.bgColor = prevBgColor;
					rowHighlighted = "x";
				}
				else{
					rowHighlighted.bgColor = prevBgColor;
					rowHighlighted = obj
					rowHighlighted.bgColor = '#E0DED7';
					viewDetailClick(userId);
					rowIsSelected = true;
				}
	
		}
		function MouseOut(obj)
		{
			if (rowHighlighted!=obj) 
			{
				obj.bgColor = prevBgColor;
			}
		}
		function MouseOver(obj)
		{	
		
			if (rowHighlighted!=obj)
			{
				prevBgColor = obj.bgColor;
				
				obj.bgColor='#C0C0C0';
				if(navigator.appName == 'Netscape')
				{
				obj.style.cursor='pointer';
				}
				else 
				{
				obj.style.cursor='hand';
				}
			}
		}