<!--
// MENU MOUSE OVER 
function menuOver() {
 clearTimeout(timeOn);
}// MENU MOUSE OUT 
function menuOut() {
 	timeOn = setTimeout("hideAllMenus()", 100);
}
 // SET BACKGROUND COLOR 
function getImage(name) {
  if (document.layers) {
    return findImage(name, document);
  }
  return null;
}

function findImage(name, doc) {
  var i, img;
  for (i = 0; i < doc.images.length; i++)
    if (doc.images[i].name == name)
      return doc.images[i];
  for (i = 0; i < doc.layers.length; i++)
    if ((img = findImage(name, doc.layers[i].document)) != null) {
      img.container = doc.layers[i];
      return img;
    }
  return null;
}

function getImagePageLeft(img) {
  var x, obj;
  if (document.layers) {
    if (img.container != null)
      return img.container.pageX + img.x;
    else
      return img.x;
  }
  return -1;
}

function getImagePageTop(img) {
  var y, obj;
  if (document.layers) {
    if (img.container != null)
      return img.container.pageY + img.y;
    else
      return img.y;
  }
  return -1;
}

function getObjNN4(obj,name)
{
	var x = obj.layers;
	var foundLayer;
	for (var i=0;i<x.length;i++)
	{
		if (x[i].id == name)
		 	foundLayer = x[i];
		else if (x[i].layers.length)
			var tmp = getObjNN4(x[i],name);
		if (tmp) foundLayer = tmp;
	}
	return foundLayer;
}

function getStyleObject(objectId, doc) {
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
		return getObjNN4(document,objectId);
    } else {
	return false;
    }
} // getStyleObject

function changeObjectVisibility(objectId, newVisibility) {
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId, document);
    if(styleObject) {
	styleObject.visibility = newVisibility;
	return true;
    } else {
	//we couldn't find the object, so we can't change its visibility
	return false;
    }
} // changeObjectVisibility

function getElementLeft(Elem) {
	if(document.getElementById) {
		//msie5+ and dom
		var elem = document.getElementById(Elem);
	} else {
		// msie4
		var elem = document.all[Elem];
	}
	xPos = elem.offsetLeft;
	tempEl = elem.offsetParent;
  	while (tempEl != null) {
  		xPos += tempEl.offsetLeft;
  		tempEl = tempEl.offsetParent;
  	}
	return xPos;
}

function getElementTop(Elem) {
	if(document.getElementById) {
		// MSIE5+ AND DOM
		var elem = document.getElementById(Elem);
	} else {
		//MSIE4
		var elem = document.all[Elem];
	}
	yPos = elem.offsetTop;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
  		yPos += tempEl.offsetTop;
  		tempEl = tempEl.offsetParent;
  	}
	return yPos;
}

function showMenu(menuNumber, eventObj, labelID) {
	hideAllMenus();
    if(!document.layers) {
	// IE DOM
		var x = 10;
		var menuTop = 100;
		var menu2 = getStyleObject('menu'+menuNumber);
		x = getElementLeft('label'+menuNumber);
		menuTop = getElementTop('label'+menuNumber);
		menu2.pixelTop=menuTop+15;
 		menu2.pixelLeft=x;
		menu2.top=menuTop+15;
 		menu2.left=x;
		menu = getStyleObject('label'+menuNumber);
		menu.backgroundColor = '#'+onColours[menuNumber];
    } else  {
		var img = getImage('img' + menuNumber);
 		x = getImagePageLeft(img);
 		y = getImagePageTop(img);
 		menuTop = y + 10; 
		var menu = getStyleObject('menu'+menuNumber);
		menu.top=menuTop;
 		menu.left=x;
    } 
	
	//eventObj.cancelBubble = true;
    var menuId = 'menu' + menuNumber;
    if(changeObjectVisibility(menuId, 'visible')) {
		return true;
    } else {
		return false;
    }
}
function showMenu2(menuNumber, eventObj, labelID, tier) {
   	hideAllMenusTier(tier);
    if(!document.layers) {
	// IE DOM
		var menu2 = getStyleObject('menu'+menuNumber);
		var x = getElementLeft('img'+menuNumber);
		var menuTop = getElementTop('img'+menuNumber);
		menu2.pixelTop=menuTop;
 		menu2.pixelLeft=x;
		menu2.top=menuTop;
 		menu2.left=x;
		menu = getStyleObject('label'+menuNumber);
		menu.backgroundColor = '#'+onColours[menuNumber];
    } else  {
	// NN 4 
		img = getImage("img" + menuNumber);
 		x = getImagePageLeft(img);
 		y = getImagePageTop(img);
 		menuTop = y; 
		var menu = getStyleObject('menu'+menuNumber);
		menu.top=menuTop;
 		menu.left=x;
    } 
	//eventObj.cancelBubble = true;
    var menuId = 'menu' + menuNumber;
    if(changeObjectVisibility(menuId, 'visible')) {
	return true;
    } else {
	return false;
    }
}

function hideAllMenus() {
    for(counter = 1; counter <= numMenus; counter++) {
		changeObjectVisibility('menu' + counter, 'hidden');
		if(!document.layers) {
			var menu = getStyleObject('label'+counter);
			menu.backgroundColor = '#'+offColours[counter];
		} else {
		
		}
   }
}

function hideAllMenusTier(tierNum) {
    for(counter = 1; counter <= numMenus; counter++) {
		if (tier[counter] > tierNum) {
			changeObjectVisibility('menu' + counter, 'hidden');
			if(!document.layers) {
				var menu = getStyleObject('label'+counter);
				menu.backgroundColor = '#'+offColours[counter];
			} else {
		
			}
		}
    }
}

function moveObject(objectId, newXCoordinate, newYCoordinate) {
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);
    if(styleObject) {
	styleObject.pixelLeft = newXCoordinate;
	styleObject.pixelTop = newYCoordinate;
	return true;
    } else {
	// we couldn't find the object, so we can't very well move it
	return false;
    }
} // moveObject



// ***********************
// hacks and workarounds *
// ***********************

// initialize hacks whenever the page loads
window.onload = initializeHacks;

// setup an event handler to hide popups for generic clicks on the document
function initializeHacks() {
    // this ugly little hack resizes a blank div to make sure you can click
    // anywhere in the window for Mac MSIE 5
    if ((navigator.appVersion.indexOf('MSIE 5') != -1) 
	&& (navigator.platform.indexOf('Mac') != -1)
	&& getStyleObject('blankDiv')) {
	window.onresize = explorerMacResizeFix;
    }
    resizeBlankDiv();
    // this next function creates a placeholder object for older browsers
    createFakeEventObj();
}



function createFakeEventObj() {
    // create a fake event object for older browsers to avoid errors in function call
    // when we need to pass the event object to functions
    if (!window.event) {
	window.event = false;
    }
} // createFakeEventObj



function resizeBlankDiv() {
    // resize blank placeholder div so IE 5 on mac will get all clicks in window
    if ((navigator.appVersion.indexOf('MSIE 5') != -1) 
	&& (navigator.platform.indexOf('Mac') != -1)
	&& getStyleObject('blankDiv')) {
	getStyleObject('blankDiv').width = document.body.clientWidth - 20;
	getStyleObject('blankDiv').height = document.body.clientHeight - 20;
    }
}

function explorerMacResizeFix () {
    location.reload(false);
}

function mClk(src){ 
	if(event.srcElement.tagName=='TD')
		src.children.tags('A')[0].click();
}

var timeOn = null;
var numMenus = 6;
var numTiers = 0;
var tier = new Array(20);
var offColours = new Array(20);
var onColours = new Array(20);



//document.onmouseover = hideAllMenus;
document.onClick = hideAllMenus;
window.onError = null;


function startMenubar(width, colour, myNumMenus, myNumTiers) {
	numMenus = myNumMenus;
	numTiers = myNumTiers;
	document.writeln('<table width="'+ width + '" bgcolor="#' + colour + '" cellpadding="0" cellspacing="0" border="0"><tr height="20">');
	document.writeln(' ');
}

function endMenubar() {
	document.writeln('</tr></table>');
	document.writeln(' ');
}

function menuHeader(width, onColour, offColour, menuNumber, url, label) {
	offColours[menuNumber] = offColour;
	onColours[menuNumber] = onColour;
	document.writeln('<td align="left" valign="middle" width="' + width + '"><div id="label' + menuNumber + '" onMouseover="menuOver(); this.style.backgroundColor = \'#' + onColour + '\';  return !showMenu(\'' + menuNumber + '\', event, \'label' + menuNumber + '\');return true;" onMouseOut="menuOut();" class="HeaderBox"><a href="' + url + '" class="MenuHeader" onMouseover="menuOver(); return !showMenu(\'' + menuNumber + '\', event, \'label' + menuNumber + '\'); return true;"  onMouseOut = "window.status=\'\'; return true;"><b>' + label + '</b></a></div></td>');
	document.writeln(' ');
}

function subMenuHeader(width, onColour, offColour, menuNumber, url, label, tier) {
	offColours[menuNumber] = offColour;
	onColours[menuNumber] = onColour;
	document.writeln('<tr bgcolor="#' + offColour + '"><td align="left" valign="middle" width="' + width + '" class="MenuBoxLeft" width="99%"><div id="label' + menuNumber + '" onMouseover="menuOver(); return !showMenu2(\'' + menuNumber + '\', event, \'label' + menuNumber + '\', ' + tier + ');"  onMouseOut = "window.status=\'\';return true;" class="HeaderBox"><a href="' + url + '" class="MenuItem" onMouseover="menuOver(); return !showMenu2(\'' + menuNumber + '\', event, \'label' + menuNumber + '\', ' + tier + '); return true;"  onMouseOut = "window.status=\'\'; return true;"><b>' + label + '</b></a></div></td></tr>');
	document.writeln(' ');
}

function menuItem(name, onColour,offColour, label, url, tier) {
	document.writeln('<tr align="left" bgcolor="#' + offColour + '"><td onMouseover="this.style.backgroundColor = \'#' + onColour + '\';" onMouseout = "this.style.backgroundColor = \'#' + offColour + '\';" class="MenuBox"><div id="' + name + '" onMouseover="menuOver(); hideAllMenusTier(' + tier + ');"  onMouseOut = "window.status=\'\';return true;" class="ItemBox"><a class="MenuItem" href="' + url + '" onMouseOut="menuOut();" onMouseOver="menuOver(); hideAllMenusTier(' + tier + ');">' + label + '</a></div></td></tr>');
	document.writeln(' ');
}

function startMenu(width, colour, menuNumber, url, label, tierNum) {
	tier[menuNumber] = tierNum;
	document.writeln('<style>\n#menu' + menuNumber + '{\nposition:absolute; visibility: hidden;}\n</style>\n');
	document.writeln('<div id="menu' + menuNumber + '" onMouseover="event.cancelBubble = true;" class="Menu"><table cellspacing="0" cellpadding="0" width="150"><tr><td bgcolor="#' + colour + '" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%">');
	document.writeln(' ');
}

function endMenu() {
	document.write('</table></td></tr></table></div>');
	document.writeln(' ');
}

//-->


<!-- Menubar -->
<!--
startMenubar('760','990000', 6, 3);
menuHeader ('20%','FF0000', '990000', '1', '#', 'For Employers');
menuHeader ('20%','FF0000', '990000','2', '#', 'For Job Seekers');
menuHeader ('20%','FF0000', '990000', '3', '#', 'About Us');
menuHeader ('20%','FF0000', '990000', '4', '#', 'Others');
menuHeader ('20%','FF0000', '990000', '5', '#', 'Partners');
endMenubar();

startMenu('33%','FF0000', '1', '#', 'Menu One',0);
menuItem('1b', 'FF0000', '990000', 'Employer Login', 'http://www.jobcyclone.com/employerLogin.php',0);
menuItem('1a', 'FF0000', '990000', 'Post a Job&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp', 'http://www.jobcyclone.com/postJob.php',0);
menuItem('1c', 'FF0000', '990000', 'Demo&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp', 'http://www.jobcyclone.com/demo.php',0);
menuItem('1c', 'FF0000', '990000', 'FAQ for Recruiters', 'http://www.jobcyclone.com/faqJR.php',0);
menuItem('1d', 'FF0000', '990000', 'Recruitment Agencies', 'http://www.jobcyclone.com/recruitment_agencies.php',0);
endMenu();

startMenu('33%','FF0000', '2', '#', 'Menu Two',0);
menuItem('1b', 'FF0000', '990000', 'Job Seeker Login', 'http://www.jobcyclone.com/candidatesLogin.php',0);
menuItem('2a', 'FF0000', '990000', 'Get Job Alerts', 'http://www.jobcyclone.com/submitemail.php',0);
menuItem('2b', 'FF0000', '990000', 'Submit Resume', 'http://www.jobcyclone.com/submitresume.php',0);
//menuItem('2a', 'FF0000', '990000', 'Submit Resume', 'https://id274.securedata.net/jobcyclone/submitresume.php',0);
//menuItem('2c', 'FF0000', '990000', 'Upload Resume', 'http://www.jobcyclone.com/submitresume_doc.php',0);
menuItem('2c', 'FF0000', '990000', 'Edit Resume', 'http://www.jobcyclone.com/candidatesLogin.php',0);
menuItem('2d', 'FF0000', '990000', 'View Latest Jobs', 'http://www.jobcyclone.com/latest_jobs.php',0);
menuItem('2e', 'FF0000', '990000', 'Optimize Your Resume', 'http://www.jobcyclone.com/writeresume.php',0);
menuItem('2f', 'FF0000', '990000', 'FAQ - Job Seekers', 'http://www.jobcyclone.com/faqJS.php',0);
endMenu();

startMenu ('33%','FF0000', '3', '#', 'Menu Three',0);
menuItem ('3a', 'FF0000', '990000', 'About Us', 'http://www.jobcyclone.com/aboutus.php',0);
menuItem ('3b', 'FF0000', '990000', 'Contact Us', 'http://www.jobcyclone.com/contact.php',0);
//menuItem ('3a', 'FF0000', '990000', 'SG job statistics', 'http://www.jobcyclone.com/#JobStatistics',0);
//menuItem ('3b', 'FF0000', '990000', 'Cover Letter ', 'http://www.jobcyclone.com/articles/resume/careercenter.html',0);
//menuItem ('3c', 'FF0000', '990000', 'Resume Writing', 'http://www.jobcyclone.com/articles/resume/careercenter.html',0);
//menuItem ('3d', 'FF0000', '990000', 'Interview center', 'http://www.jobcyclone.com/articles/interview/interviewcenter.html',0);
//menuItem ('3e', 'FF0000', '990000', 'Your first job', 'http://www.jobcyclone.com/articles/firstjobguide/firstjobcenter.html',0);
//menuItem ('3f', 'FF0000', '990000', 'Networking', 'http://www.jobcyclone.com/articles/networking/networkingcenter.html',0);
//menuItem ('3g', 'FF0000', '990000', 'Recommendations', 'http://www.jobcyclone.com/articles/recommendations/recommendationcenter.html',0);
//menuItem ('3h', 'FF0000', '990000', 'Ted\'s Resume Tips', 'http://www.jobcyclone.com/resumeguide.html',0);
//menuItem ('3i', 'FF0000', '990000', 'Articles submitted', 'http://www.jobcyclone.com/articles/articlesSubmitted.php',0);
endMenu();

startMenu('33%','FF0000', '4', '#', 'Menu Four',1);
//menuItem('4a', 'FF0000', '990000', 'Affiliate Program', 'http://www.jobcyclone.com/affiliates/',1);
menuItem('4a', 'FF0000', '990000', 'Useful Sites', 'http://www.jobcyclone.com/links.php',1);
menuItem('4b', 'FF0000', '990000', 'Job Related Books', 'http://www.jobcyclone.com/books.php',1);
menuItem('4c', 'FF0000', '990000', 'Resource Centre', 'http://www.jobcyclone.com/resourcecentre.php',1);
menuItem('4d', 'FF0000', '990000', 'Mr Mapi Comic', 'http://www.jobcyclone.com/comic.php',1);
endMenu();

startMenu('33%','FF0000', '5', '#', 'Menu Five',2);
menuItem('5a', 'FF0000', '990000', 'Teducation', 'http://www.teducation.com',2);
menuItem('5b', 'FF0000', '990000', 'Strat-Partners', 'http://www.strat-partners.biz',2);
menuItem('5c', 'FF0000', '990000', 'eGuide Singapore', 'http://www.eguide.com.sg/eGuideGlobal/index.asp',2);
menuItem('5d', 'FF0000', '990000', 'SingaporeExpats', 'http://www.singaporeexpats.com',2);
endMenu();

//-->

