﻿function showPopMenu(show, id)
    {
        if(show)
        {
            var location = this.get_location("menu" + id);
            document.getElementById('div_text_'+ id).className = 'MenuOver';
            document.getElementById('div_menu'+ id).style['left'] = location.x + 0 + "px";
            document.getElementById('div_menu'+ id).style['top'] = location.y + 32 + "px";
		    document.getElementById('div_menu'+ id).style.visibility = 'visible';
	    }
	    else
	    {	
    	    document.getElementById('div_text_'+ id).className = 'MenuOut';
		    document.getElementById('div_menu'+id).style.visibility = 'hidden';
        }
    }
    
    function changeColorOver(id)
    {
        document.getElementById(id).style.backgroundColor='#b1e100';
    }
    
    function changeColorOut(id)
    {
        document.getElementById(id).style.backgroundColor='';
    }
    
    function get_location(id)
	{
		var obj = document.getElementById(id);
		var left = obj.offsetLeft;
		var top = obj.offsetTop;
		var objParent = obj.offsetParent;
		
		while(objParent.tagName.toUpperCase()!= "BODY"){
			left += objParent.offsetLeft;
			top += objParent.offsetTop;
			objParent = objParent.offsetParent;
		}
		return {'x': left, 'y': top};
	}
