/**
  *Author: David Boggus
  *URL: www.boggusweb.com
  *Date: 9-15-06
  **/
var dbMenu = {
    init: function(){
        var uls = document.getElementsByTagName('ul');
        for(var i = 0; i < uls.length; i++){
            if(uls[i].className.search(/\bdbMenu\b/) == -1)
                continue;
            var menu = uls[i];
            
            dbMenu.styleSubMenus(menu);
            
            addEvent(menu, 'mouseover', dbMenu.hover, false);
            addEvent(menu, 'mouseout', dbMenu.hoverOff, false);
            if(menu.className.search(/\bonMouse\b/) == -1){
                addEvent(menu, 'click', dbMenu.click, false);
            }
            addEvent(menu, 'click', dbMenu.nav, false);
        }    
    },
    
    hover: function(e){
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;
        
        if(target){
            target = dbMenu.getTarget(target, 'li');
            if(!target) return;
        }else{
            return;
        }
        
        target.className += ' hover';
        
        var t = (target.className.search(/\bsubMenu\b/) != -1)? target : (target.parentSubMenu)? target.parentSubMenu : null;
        if(!t) return;
        clearTimeout(t.timeout);
        
        if(target.parentMenu.className.search(/\bonMouse\b/) != -1){
            t.className += ' click';
        }
    },
    
    hoverOff: function(e){
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;
        
        if(target){
            target = dbMenu.getTarget(target, 'li');
            if(!target) return;
        }else{
            return;
        }
        
        target.className = target.className.replace(/hover/g, '');
        
        if(target.parentMenu.className.search(/\bonMouse\b/) != -1){
            var t = (target.className.search(/\bsubMenu\b/) != -1)? target : (target.parentSubMenu)? target.parentSubMenu: null;
            if(!t) return; 
            t.timeout = setTimeout(function(){ t.className = t.className.replace(/click/g, ''); }, 30);
        }
    },
    
    click: function(e){
        if(window.event){
            window.event.cancelBubble = true;
        }
        if(e && e.stopPropagation){
            e.stopPropagation();
        }
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;
        
        if(target){
            target = dbMenu.getTarget(target, 'li');
            if(!target) return;
        }else{
            return;
        }
        
        if(target.className.search(/\bclick\b/) == -1){
            target.className += ' click';
        }else{
            target.className = target.className.replace(/click/g, '');
        }
    },
    
    nav: function(e){
        if(window.event){
            window.event.cancelBubble = true;
        }
        if(e && e.stopPropagation){
            e.stopPropagation();
        }
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;
        
        if(target){
            target = dbMenu.getTarget(target, 'li');
            if(!target) return;
        }else{
            return;
        }
        
        for(var i = 0; i < target.childNodes.length; i++){
            var node = target.childNodes[i];
            if(node.nodeName.toLowerCase() == 'a'){
                window.location = node.href;
                break;
            }
        }
    },
    
    getTarget: function(target, elm){
        if(target.nodeName.toLowerCase() != elm && target.nodeName.toLowerCase() != 'body'){
            return dbMenu.getTarget(target.parentNode, elm);
        }else if(target.nodeName.toLowerCase() == 'body'){
            return null;
        }else{
            return target;
        }
    },
    
    styleSubMenus: function(menu){
        lis = menu.getElementsByTagName('li');
        for(var i = 0; i < lis.length; i++){
            node = lis[i];
            node.parentMenu = menu;
            if(node.getElementsByTagName('ul').length != 0){
                node.className += ' subMenu';
                sublis = node.getElementsByTagName('li');
                for(var j = 0; j < sublis.length; j++){
                    sublis[j].parentSubMenu = node;
                }
            }
        }
    }
}
    
function addEvent(elm, evType, fn, useCapture){  //cross-browser event handling for IE5+, NS6+, and Mozilla/Gecko By Scott Andrew
	if(elm.addEventListener){
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}else if(elm.attachEvent){
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}else{
		elm['on' + evType] = fn;
	}
}

addEvent(window, 'load', dbMenu.init, false);
//--------------
//----------------------------------------
var menutoolbook=new Array()
menutoolbook[0]="<a href='?cid=12,7&txtiditem=0'>Dụng cụ</a>"
menutoolbook[1]="<a href='?cid=12,7&txtiditem=1'>Sách</a>"

var menuwidth="120px" //default menu width
var menubgcolor="lightyellow"  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie6=document.all
var ns6=document.getElementById&&!document.all
//Tạo nơi chứa------------------------------------------
if (ie6||ns6)
{
	document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>');
	document.write('<div id="dropmenudiv_table" style="visibility:hidden; width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>');
}
//-----------------------------------------------------------------------------------

function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null)
	{
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth)
{
	if (ie6||ns6)
	{
		dropmenuobj.style.left=dropmenuobj.style.top="-500px";
	}
	if (menuwidth!="")
	{
		dropmenuobj.widthobj=dropmenuobj.style;
		dropmenuobj.widthobj.width=menuwidth;
	}
	if(e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
	{
		obj.visibility=visible
	}
	else if(e.type=="click")
	{
		obj.visibility=hidden;
	}
}

function iecompattest()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function clearbrowseredge(obj, whichedge)
{
	var edgeoffset=0;
	if (whichedge=="rightedge")

	{
		var windowedge=ie6 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15;
		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth;
		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
		{
			edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth;
		}
	}
	else
	{
		var topedge=ie6 && !window.opera? iecompattest().scrollTop : window.pageYOffset;
		var windowedge=ie6 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18;
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight;
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
		{ //move up?
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight;
			if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
			{
				edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge;
			}
		}
	}
	return edgeoffset;
}

function populatemenu(what)
{
	if (ie6||ns6)
	{
		dropmenuobj.innerHTML=what.join("");
	}
}


//Hàm chính------------------------------------------------------------------------------------------

function dropdownmenu(obj, e, menucontents, menuwidth)//Menu top
{
	if (window.event)
	{
		event.cancelBubble=true;
	}
	else if(e.stopPropagation)
	{
		e.stopPropagation();
	}
	clearhidemenu();
	
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv;
	
	populatemenu(menucontents);//Nội dung menu
	//----------------Vị trí menu-------------------------------
	if (ie6||ns6)
	{
		document.getElementById("dropmenudiv_table").style.visibility="hidden";
		
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
		dropmenuobj.x=getposOffset(obj, "left");
		dropmenuobj.y=getposOffset(obj, "top")+7;
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
	}
	//---------------------------------------------------------------------
	return clickreturnvalue()
}
function dropdownmenu_left(obj, e, menucontents, menuwidth)//Menu left
{
	if (window.event)
	{
		event.cancelBubble=true;
	}
	else if(e.stopPropagation)
	{
		e.stopPropagation();
	}
	clearhidemenu();
	
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv;
	
	populatemenu(menucontents);//Nội dung menu
	//----------------Vị trí menu-------------------------------
	if (ie6||ns6)
	{
		document.getElementById("dropmenudiv_table").style.visibility="hidden";
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
		dropmenuobj.x=getposOffset(obj, "left")+50;
		dropmenuobj.y=getposOffset(obj, "top")+7;
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
	}
	//---------------------------------------------------------------------
	return clickreturnvalue()
}
//Bàn không phải Drink, Trình duyệt không phải Chrome
function dropdownmenu_table(obj, e, menucontents, menuwidth)
{
	if (window.event)
	{
		event.cancelBubble=true;
	}
	else if(e.stopPropagation)
	{
		e.stopPropagation();
	}
	clearhidemenu();
	
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv_table") : dropmenudiv_table;
	
	populatemenu(menucontents);//Nội dung menu
	//----------------Vị trí menu-------------------------------
	if (ie6||ns6)
	{
		document.getElementById("dropmenudiv").style.visibility="hidden";
		
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
		dropmenuobj.x=getposOffset(obj, "left")-10;
		dropmenuobj.y=getposOffset(obj, "top")+10;
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
	}
	//---------------------------------------------------------------------
	return clickreturnvalue()
}
//Bàn POOL, Trình duyệt không phải Chrome
function dropdownmenu_table_P(obj, e, menucontents, menuwidth)
{
	if (window.event)
	{
		event.cancelBubble=true;
	}
	else if(e.stopPropagation)
	{
		e.stopPropagation();
	}
	clearhidemenu();
	
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv_table") : dropmenudiv_table;
	
	populatemenu(menucontents);//Nội dung menu
	//----------------Vị trí menu-------------------------------
	if (ie6||ns6)
	{
		document.getElementById("dropmenudiv").style.visibility="hidden";
		
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
		dropmenuobj.x=getposOffset(obj, "left")-3;
		dropmenuobj.y=getposOffset(obj, "top")+42;
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
	}
	//---------------------------------------------------------------------
	return clickreturnvalue()
}
//Bàn   Drink, Trình duyệt không phải Chrome
function dropdownmenu_table_D(obj, e, menucontents, menuwidth)
{
	if (window.event)
	{
		event.cancelBubble=true;
	}
	else if(e.stopPropagation)
	{
		e.stopPropagation();
	}
	clearhidemenu();
	
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv_table") : dropmenudiv_table;
	
	populatemenu(menucontents);//Nội dung menu
	//----------------Vị trí menu-------------------------------
	if (ie6||ns6)
	{
		document.getElementById("dropmenudiv").style.visibility="hidden";
		
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
		dropmenuobj.x=getposOffset(obj, "left")-5;
		dropmenuobj.y=getposOffset(obj, "top")+5;
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
	}
	//---------------------------------------------------------------------
	return clickreturnvalue()
}
//Trình duyệt Chrome
function dropdownmenu_table_Chrome(obj, e, menucontents, menuwidth)
{
	if (window.event)
	{
		event.cancelBubble=true;
	}
	else if(e.stopPropagation)
	{
		e.stopPropagation();
	}
	clearhidemenu();

	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv_table") : dropmenudiv_table;

	populatemenu(menucontents);//Nội dung menu
	//----------------Vị trí menu-------------------------------
	if (ie6||ns6)
	{
		document.getElementById("dropmenudiv").style.visibility="hidden";
		
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
	
		dropmenuobj.x=getposOffset(obj, "left");
		dropmenuobj.y=getposOffset(obj, "top")+35;
		
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
	}
	//---------------------------------------------------------------------
	return clickreturnvalue()
}
//Bàn Drink, trình duyệt Chrome
function dropdownmenu_table_Chrome_D(obj, e, menucontents, menuwidth)
{
	if (window.event)
	{
		event.cancelBubble=true;
	}
	else if(e.stopPropagation)
	{
		e.stopPropagation();
	}
	clearhidemenu();

	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv_table") : dropmenudiv_table;

	populatemenu(menucontents);//Nội dung menu
	//----------------Vị trí menu-------------------------------
	if (ie6||ns6)
	{
		document.getElementById("dropmenudiv").style.visibility="hidden";
		
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
	
		dropmenuobj.x=getposOffset(obj, "left");
		dropmenuobj.y=getposOffset(obj, "top")+23;
		
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
	}
	//---------------------------------------------------------------------
	return clickreturnvalue()
}

//---------------------------------------------------------------



function clickreturnvalue()
{
	if (ie6||ns6)
	{
		return false;
	}
	else
	{
		return true;
	}
}

function contains_ns6(a, b)
{
	while (b.parentNode)
	{
		if ((b = b.parentNode) == a)
		{
			return true;
		}
	}
	return false;
}

function dynamichide(e)
{
	if (ie6&&!dropmenuobj.contains(e.toElement))
	{
		delayhidemenu();
	}
	else if(ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
	{
		delayhidemenu();
	}
}

function hidemenu(e)
{
	if (typeof dropmenuobj!="undefined")
	{
		if (ie6||ns6)
		{
			dropmenuobj.style.visibility="hidden";
		}
	}
}

function delayhidemenu()
{
	if (ie6||ns6)
	{
		delayhide=setTimeout("hidemenu()",disappeardelay);
	}
}

function clearhidemenu()
{
	if (typeof delayhide!="undefined")
	{
		clearTimeout(delayhide);
	}
}

if (hidemenu_onclick=="yes")
{
	document.onclick=hidemenu;
}