var ON_SUBMENU = false;
var HIDE_MENU = false;
	
$(document).ready(function(){
	
	$('#navigation li.deactive').mouseover(function() { showMenu(this); });
	$('html').click(function() { hideAllMenu(); });
	$('html').mouseover(function() { setTimeout("testAndHidemenu()",200); });
	$('ul#navigation li a').mouseover(function() { 
		HIDE_MENU = false;
	});
	$('ul#navigation li a').mouseout(function() { 
		HIDE_MENU = true;
	});
	
	calculateOffset();

});

function testAndHidemenu() {
	if(HIDE_MENU) hideAllMenu();
}

function calculateOffset()
{
	var elem = $('#navigation li.last_elem');
	var id = $(elem).attr('id');
	var container_left = $(elem).offset().left;
	var container_width = $(elem).width();
	var this_left = $('#'+id+' ul li:first').offset().left;
	var this_width = $('#'+id+' ul li:first').width();
	
	var offsetting = - (( this_left+this_width ) - ( container_left+container_width ) -2);
	$('#'+id+' ul li').css({'position' : 'relative', 'left' : offsetting});	
}

function showMenu(elem)
{
	$('.active ul').attr('class','hidden-menu');
	$('.active').attr('class','deactive');	

	$('.deactive').unbind('mouseover');
	$('.deactive').mouseover(function() {
		showMenu(this);			
	});		

	$(elem).attr('class','active');
	var id = $(elem).attr('id');
	$('#'+id+' ul').attr('class','shown-menu');
	$(elem).mouseout(function() {
		hideMenu(this);			
	});
	ON_SUBMENU = true;
}

function hideMenu(elem)
{
	if(!ON_SUBMENU) {
		var id = $(elem).attr('id');
		$('#'+id+' ul').attr('class','hidden-menu');
		$(elem).unbind('mouseout');
		$('.active').attr('class','deactive');

		$('.deactive').unbind('mouseover');
		$('.deactive').mouseover(function() {
			showMenu(this);			
		});
	}
}

function hideAllMenu()
{
	$('.active ul').attr('class','hidden-menu');
	$('.active').attr('class','deactive');	

	$('.deactive').unbind('mouseover');
	$('.deactive').mouseover(function() {
		showMenu(this);			
	});
	ON_SUBMENU = false;
}