/*
########################################################################
###  // Set the name of the image that you are positioning against   ###
###  // in the show_it()  function				     ###
###								     ###
########################################################################
*/

function getRealTop(el) {
	yPos = el.offsetTop;
	tempEl = el.offsetParent;
	while (tempEl != null) {
		yPos += tempEl.offsetTop;
		tempEl = tempEl.offsetParent;
	}
		return yPos;
}

function getRealLeft(el) {
	xPos = el.offsetLeft;
	tempEl = el.offsetParent;
	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
		tempEl = tempEl.offsetParent;
	}
	return xPos;
}

function getElement(id) {
	return document.all ? document.all(id) :
	document.getElementById ? document.getElementById(id) :
	document.layers ? document.layers[id] :
	null;
}


	function show_it(div, Nleft, Nbottom){


	trueX = getRealLeft(getElement('button1')) + Nleft;
	trueY = getRealTop(getElement('button1')) + Nbottom;
	

	if (document.getElementById)
	{
	   document.getElementById(div).style.visibility = "visible"; 
	   document.getElementById(div).style.top = trueY + 'px';
	   document.getElementById(div).style.left = trueX + 'px';
	}

	else {document.div.visibility = "visible"}
	}//ends open function
	
	function hide_it(div){
	
	if (document.getElementById)
{document.getElementById(div).style.visibility = "hidden"}

else {document.div.visibility = "hidden"}
}//ends open function




function showHide(obj, visibility) {

   if(document.getElementById)
   {
	document.getElementById(obj).style.visibility = visibility;
   }
   else
   {	
	document.obj.visibility = visibility;
   }
}