// JavaScript Document
var timeout	= 300;
var closetimer	= 0;
var ddmenuitem	= 0;

$(function(){
	var menu = document.getElementById("menu");
	var buttons = menu.getElementsByTagName("div");
	if(buttons){
		for(var i=0; i<buttons.length; i++){
			var button = buttons[i];
			if(button.id != ""){
				button.onmouseover = mopen;
				button.onmouseout = mclosetime;
			}
		}
	}
	
	var sub_buttons = menu.getElementsByTagName("table");
	if(sub_buttons){
		for(var i=0; i<sub_buttons.length; i++){
			var sub_button = sub_buttons[i];
			sub_button.onmouseover = mcancelclosetime;
		}
	}
	$(".menu_button").hover(function() {
		$(this).addClass("roll_over");
		if(this.id==1) $('#menu_left_corner').get(0).src = '/images/menu-left-rollover.png';
	},function(){
		$(this).removeClass("roll_over");
		if(this.id==1) $('#menu_left_corner').get(0).src = '/images/menu-left-idle.png';
	});

	$(".sub_button_link").hover(function(){
		$(this).parents("tr").addClass("sub_roll_over");
		if($(this).parents("tr").hasClass("first")) $("#"+$(this).parents("table").get(0).id + " tr.first_line").addClass("first_line_over");
		if($(this).parents("tr").hasClass("last")) $("#"+$(this).parents("table").get(0).id + " tr.last_line").addClass("last_line_over");
	}, function(){
		$(this).parents("tr").removeClass("sub_roll_over");
		if($(this).parents("tr").hasClass("first")) $("#"+$(this).parents("table").get(0).id + " tr.first_line").removeClass("first_line_over");
		if($(this).parents("tr").hasClass("last")) $("#"+$(this).parents("table").get(0).id + " tr.last_line").removeClass("last_line_over");
	});
	
	var rightContent = jQuery.trim($("#right").html());
	if(rightContent.length==0){ 
		$("#right").remove(); 
		$("#center").css('padding-right', '30px'); 
	}

});

// open hidden layer
function mopen(event){	
	id = "tab_"+this.id;
	// cancel close timer
	mcancelclosetime();
	// close old layer
	if(ddmenuitem) ddmenuitem.style.display = 'none';
	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	if(ddmenuitem) ddmenuitem.style.display = 'block';
}

// close showed layer
function mclose(){
	if(ddmenuitem) ddmenuitem.style.display = 'none';
}

// go close timer
function mclosetime(event){
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime(event){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose;