// These functions get mouse position and show/hide elements
var hide  = true;

function showhide(obj)
{
    var x = document.getElementById('testP');
    hide = !hide;
    x.style.visibility = (hide) ? 'hidden' : 'visible';
    setLyr(obj,'testP');
}

function setLyr(obj,lyr,innerds)
{
    var coors = findPos(obj);
    if (lyr == 'testP') coors[1] -= 50;
    var x = document.getElementById(lyr);
    x.style.top = coors[1] + 23 + 'px';
    x.style.left = coors[0] + -15 + 'px';
	//x.innerHTML = '<div class=\"bubble bubblehead\">' + bubblehead + '</div><div class=\"bubble bubblebutt\">' + bubblebutt + '</div>';
	x.innerHTML = '<div class=\"bubble\">' + innerds + '</div>';
}

function findPos(obj)
{
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}

// for dragging objects, currently used for menu.
function $(v) { 
	return(document.getElementById(v)); 
}
function agent(v) { 
	return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); 
}
function xy(e,v) { 
	return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollTop:e.pageX)); 
}
function dragOBJ(d,e) {
   	function drag(e) { 
		if(!stop) { 
			d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px'); 
		} 
	}
   	var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;
   	document.onmousemove=drag; document.onmouseup=function(){ stop=1; document.onmousemove=''; document.onmouseup=''; };
}