$(document).ready(function() {
	loadMenu();
});

function loadMenu() {
	var menu = document.getElementById('menu');
	var list = menu.getElementsByTagName('li');
	for (var i = 0; i < list.length; i++){
		list[i].onmouseover = function(){
			this.className += ' hover';
			var w = this.offsetLeft;
			var w0 = this.offsetWidth;
			var drop = this.getElementsByTagName('ul')[0];
			if(drop){
				var w1 = drop.offsetWidth;
				if (w+(w0/2-w1/2)>0) {
					  drop.style.left = w+(w0/2-w1/2)+'px';
				} 
				else {
					  drop.style.left = '0px;';
				}
				
				var bluebar = jQuery(".not-in-menu");
				bluebar.hide();
			}
		}
		list[i].onmouseout = function(){
			this.className = this.className.replace('hover', '');
			var bluebar = jQuery(".not-in-menu");
			bluebar.show();
		}
	};
	$('#menu .hover').mouseover();
}