// menu jscript file

// menu bar
Menui = {timer : null, current : null};

Menui.getStyle = function(name){
	if(document.getElementById) return document.getElementById(name).style;
	else if(document.all) return document.all[name].style;
	else if(document.layers) return document.layers[name];
}

Menui.show = function(name, menuname){
	if(this.timer) clearTimeout(this.timer);
	this.getStyle(name).visibility = "visible";
	this.current = name;
	setPosition(this, name, menuname, 33, 0); //set position
}

Menui.hide = function(){
	this.timer = setTimeout("Menui.doHide()",300);
}
Menui.doHide = function(){
	if(this.current){
		this.getStyle(this.current).visibility = "hidden";
		this.current = null;
	}
}

// sub menu bar
Menuii = {timer : null, current : null};

Menuii.getStyle = function(name){
	if(document.getElementById) return document.getElementById(name).style;
	else if(document.all) return document.all[name].style;
	else if(document.layers) return document.layers[name];
}

Menuii.show = function(name,menuname){
	if(this.timer) clearTimeout(this.timer);
	this.getStyle(name).visibility = "visible";
	this.current = name;
	setPosition(this, name, menuname, 0, 131); //set position
}

Menuii.hide = function(){
	this.timer = setTimeout("Menuii.doHide()",100);
}

Menuii.doHide = function(){
	if(this.current){
		this.getStyle(this.current).visibility = "hidden";
		this.current = null;
	}
}

// image manu bar
Menuiii = {timer : null, current : null};
Menuiii.getStyle = function(name){
	if(document.getElementById) return document.getElementById(name).style;
	else if(document.all) return document.all[name].style;
	else if(document.layers) return document.layers[name];
}
Menuiii.show = function(name,menuname){

	if(this.timer) clearTimeout(this.timer);
	this.getStyle(name).visibility = "visible";
	this.current = name;
	setPosition(this, name, menuname, 0, 151); //set position
}
Menuiii.hide = function(){
	this.timer = setTimeout("Menuiii.doHide()",100);
}
Menuiii.doHide = function(){
	if(this.current){
		this.getStyle(this.current).visibility = "hidden";
		this.current = null;
	}
}

// set object position
function setPosition(obj, name, menuname, offsetTop, offsetLeft)
{
    
    //declare
    var top = 0;
    var left = 0;
    var anchor, layer, scroll, height, parenttop, space;
	
	if (document.getElementById)//N6,IE6
	{
		anchor = document.getElementById(menuname);
		layer = document.getElementById(name).offsetHeight;
	}
	else	if (document.all)//IE4,IE5
	{
		anchor = document.all(menuname);
		layer = document.all(name).clientHeight;
	}
	while (anchor.offsetParent != null)
	{
		top += anchor.offsetTop;
		left += anchor.offsetLeft;
      	anchor = anchor.offsetParent;
	}
	if (document.all)//IE4+
	{
		scroll = document.body.scrollTop;
		height = document.body.clientHeight;
	}
	else//N6
	{
		scroll = window.pageYOffset;
		height = window.innerHeight;
	}
	parenttop = top - scroll;
	space = height - parenttop;
	if (space > layer){	top = top; } else {	top = top - layer + 21;	}
 
    // set position
    obj.getStyle(name).top = top + offsetTop;
	obj.getStyle(name).left = left+ offsetLeft;  
 
    // return
    return obj
}

// get style by browser
function getStyle(name)
{
	if(document.getElementById) return document.getElementById(name).style;
	else if(document.all) return document.all[name].style;
	else if(document.layers) return document.layers[name];
}