var showDivSub1 = false;
var showDivSub2 = false;
var showDivSub3 = false;
var showDivSub4 = false;
var showDivSub5 = false;
var showDivSub6 = false;
var showDivSub7 = false;
var timer = null;

function timerNav()
{
	if (timer)
	{
		clearTimeout(timer);
	}
	timer = setTimeout("hideSub()", 200);
}

function hideSub()
{
	if (!showDivSub1)
	{
		jQuery("#divSub1").css("display", "none");		
	}
	if (!showDivSub2)
	{
		jQuery("#divSub2").css("display", "none");
	}
	if (!showDivSub3)
	{
	jQuery("#divSub3").css("display", "none");
	}
	if (!showDivSub4)
	{
	jQuery("#divSub4").css("display", "none");
	}
	if (!showDivSub5)
	{
	jQuery("#divSub5").css("display", "none");
	}
	if (!showDivSub6)
	{
	jQuery("#divSub6").css("display", "none");
	}
	if (!showDivSub7)
	{
	jQuery("#divSub7").css("display", "none");
	}
}

function showSub(elementID, position, positionRoot)
{
	if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)
	{
		jQuery(elementID).css("left", position.left - positionRoot.left + 192 - 60);
	}
	else
	{
		jQuery(elementID).css("left", position.left - 60);
	}
	hideSub();
	jQuery(elementID).css("display", "block");
}

jQuery(document).ready(function(){
	jQuery("#body").click(function(event){
		hideSub();
	});
	jQuery("#divHeader1").click(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader1").position();
		showDivSub1 = true;
		showSub("#divSub1", position, positionRoot);
	});
	jQuery("#divHeader1").mouseover(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader1").position();
		showDivSub1 = true;
		showSub("#divSub1", position, positionRoot);
	});
	jQuery("#divHeader1").mouseout(function(event){
		showDivSub1 = false;
		timerNav();
	});
	jQuery("#divSub1").mouseover(function(event){
		showDivSub1 = true;
		timerNav();
	});
	jQuery("#divSub1").mouseout(function(event){
		showDivSub1 = false;
		timerNav();
	});
	jQuery("#divHeader2").click(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader2").position();
		showDivSub2 = true;
		showSub("#divSub2", position, positionRoot);
	});
	jQuery("#divHeader2").mouseover(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader2").position();
		showDivSub2 = true;
		showSub("#divSub2", position, positionRoot);
	});
	jQuery("#divHeader2").mouseout(function(event){
		showDivSub2 = false;
		timerNav();
	});
	jQuery("#divSub2").mouseover(function(event){
		showDivSub2 = true;
		timerNav();
	});
	jQuery("#divSub2").mouseout(function(event){
		showDivSub2 = false;
		timerNav();
	});
	jQuery("#divHeader3").click(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader3").position();
		showDivSub3 = true;
		showSub("#divSub3", position, positionRoot);
	});
	jQuery("#divHeader3").mouseover(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader3").position();
		showDivSub3 = true;
		showSub("#divSub3", position, positionRoot);
	});
	jQuery("#divHeader3").mouseout(function(event){
		showDivSub3 = false;
		timerNav();
	});
	jQuery("#divSub3").mouseover(function(event){
		showDivSub3 = true;
		timerNav();
	});
	jQuery("#divSub3").mouseout(function(event){
		showDivSub3 = false;
		timerNav();
	});
	jQuery("#divHeader4").click(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader4").position();
		showDivSub4 = true;
		showSub("#divSub4", position, positionRoot);
	});
	jQuery("#divHeader4").mouseover(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader4").position();
		showDivSub4 = true;
		showSub("#divSub4", position, positionRoot);
	});
	jQuery("#divHeader4").mouseout(function(event){
		showDivSub4 = false;
		timerNav();
	});
	jQuery("#divSub4").mouseover(function(event){
		showDivSub4 = true;
		timerNav();
	});
	jQuery("#divSub4").mouseout(function(event){
		showDivSub4 = false;
		timerNav();
	});
	jQuery("#divHeader5").click(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader5").position();
		showDivSub5 = true;
		showSub("#divSub5", position, positionRoot);
	});
	jQuery("#divHeader5").mouseover(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader5").position();
		showDivSub5 = true;
		showSub("#divSub5", position, positionRoot);
	});
	jQuery("#divHeader5").mouseout(function(event){
		showDivSub5 = false;
		timerNav();
	});
	jQuery("#divSub5").mouseover(function(event){
		showDivSub5 = true;
		timerNav();
	});
	jQuery("#divSub5").mouseout(function(event){
		showDivSub5 = false;
		timerNav();
	});
	jQuery("#divHeader6").click(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader6").position();
		showDivSub6 = true;
		showSub("#divSub6", position, positionRoot);
	});
	jQuery("#divHeader6").mouseover(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader6").position();
		showDivSub6 = true;
		showSub("#divSub6", position, positionRoot);
	});
	jQuery("#divHeader6").mouseout(function(event){
		showDivSub6 = false;
		timerNav();
	});
	jQuery("#divSub6").mouseover(function(event){
		showDivSub6 = true;
		timerNav();
	});
	jQuery("#divSub6").mouseout(function(event){
		showDivSub6 = false;
		timerNav();
	});
	jQuery("#divHeader7").click(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader7").position();
		showDivSub7 = true;
		showSub("#divSub7", position, positionRoot);
	});
	jQuery("#divHeader7").mouseover(function(event){
		event.preventDefault();
		var positionRoot = jQuery("#divHeader1").position();
		var position = jQuery("#divHeader7").position();
		showDivSub7 = true;
		showSub("#divSub7", position, positionRoot);
	});
	jQuery("#divHeader7").mouseout(function(event){
		showDivSub7 = false;
		timerNav();
	});
	jQuery("#divSub7").mouseover(function(event){
		showDivSub7 = true;
		timerNav();
	});
	jQuery("#divSub7").mouseout(function(event){
		showDivSub7 = false;
		timerNav();
	});
});