function setupMenu(ID){
	//This gets the menu items offset position within the menu box.
	focusElement = $("#menu0"+ID);
	var menuitemwidth = $(focusElement).width() + 12;
	var menuitemwidth_half = menuitemwidth / 2;
	var menuwidth = $("#menuarea").width();
	var menuhalf = $("#menuarea").width() / 2;
	
	var menupos = $("#menuarea").position();
	var itempos = $(focusElement).position();
	var offset = itempos.left - menupos.left
	var offset_center = offset + menuitemwidth_half;
	
	var menuid = $(focusElement).children(".menuid").html();
	var submenu_width = $("#submenu"+menuid).width();
	var submenu_width_half = submenu_width / 2;	
	
	var setpoint = offset + menuitemwidth_half;
	//alert(menuhalf + ' | ' + setpoint);
	//alert(offset_center + ' | '+ submenu_width_half );
	if(menuhalf > setpoint){
		//we are on the left side.
		if(offset_center >= submenu_width_half){
			newedge = offset_center - submenu_width_half;
			$("#submenu"+menuid).css('left', newedge);
		} else {
			$("#submenu"+menuid).css('left', '0');
		}
	} else {
		if(menuwidth - offset_center >= submenu_width_half){
			newedge = (menuwidth - offset_center) - submenu_width_half;
			$("#submenu"+menuid).css('right', newedge);
		} else {
			$("#submenu"+menuid).css('right', '0');
		}
	}
}

function randomEmployee(){
	nooftests = $(".employeetest").length;
	useemp = Math.floor(Math.random()*nooftests);
	$("#emp_"+useemp).show();
}

$(document).ready(function(){
	setupMenu(1);setupMenu(2);setupMenu(3);
	setupMenu(4);setupMenu(5);setupMenu(6);
	
	//SOME FLAGS
	menuopen = false;
	subopen = false;
	subhover = false;
	
	$(".menuitem").hover(function(){
		var menuid = $(this).children(".menuid").html();
		$(this).stop(true, true);
		$(".submenubar").stop(true, true).hide();
		$('.menuitembar').stop(true, true).removeClass("menuitembar_on");
		$("#submenu"+menuid).stop(true, true).delay(400).fadeIn(600);
		subopen = true;
		$(this).children(".menuitembar").addClass("menuitembar_on").stop(true, true);
	}, function(){
		var menuid = $(this).children('.menuid').html();
		$(this).stop(true, true);
		$(this).delay(1000, function(){
			if(subhover == false){
				//$(this).stop(true, true);
				$('#submenu'+menuid).stop(true, true).fadeOut(200);
				$(this).children('.menuitembar').removeClass("menuitembar_on").stop(true, true);
				subopen = false;
			}
		});
	});
	
	$(".submenubar").hover(function(){ 
		subhover = true;
	}, function(){
		subhover = false;
		$(this).stop(true, true).delay(1000).fadeOut(200, function(){
			subopen = false;
			var menuid = $(this).children('.submenuid').html();	
			$("#menu0"+menuid).children('.menuitembar').removeClass("menuitembar_on").stop(true, true);
		});
	});
	
	$(".employeetest").css('cursor', 'pointer').click(function(){
		var MYID = $(this).attr('id').replace('emp_', '');
		window.open('/whysdlc/our_people#'+MYID, '_parent');
	});
	
});