/***********************************************
* Drop Down/ Overlapping Content- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

function getposOffset(overlay, offsettype){
overlay.offsetRight=overlay.offsetLeft + overlay.offsetWidth;
overlay.offsetBottom=overlay.offsetTop + overlay.offsetHeight;
//alert(overlay.offsetLeft + " ... " + overlay.offsetWidth + " ... " + offsettype);
var totaloffset=(offsettype=="left")? overlay.offsetLeft : (offsettype=="right")? overlay.offsetRight : (offsettype=="bottom")? overlay.offsetBottom : overlay.offsetTop;
var parentEl=overlay.offsetParent;
//parentEl.offsetRight=parentEl.offsetLeft + parentEl.offsetWidth;
//parentEl.offsetBottom=parentEl.offsetTop + parentEl.offsetHeight;
//alert(offsettype);
while (parentEl!=null){

if(offsettype=="left") {
	//alert(totaloffset + " ... " + parentEl.offsetLeft + " ... " + offsettype)
	totaloffset=totaloffset+parentEl.offsetLeft;
} else if(offsettype=="right"){
	//alert(totaloffset + " ... " + offsettype)
	//totaloffset=totaloffset + parentEl.offsetRight;
	totaloffset=totaloffset +  parentEl.offsetLeft ;
} else if(offsettype=="bottom") {
	//alert(totaloffset + " ... " +  offsettype)
	totaloffset=totaloffset + parentEl.offsetTop ;
//	totaloffset=totaloffset + parentEl.offsetBottom;
} else{
	//alert(totaloffset + " ... " + parentEl.offsetTop + " ... " + offsettype)
	totaloffset=totaloffset+parentEl.offsetTop;
}
parentEl=parentEl.offsetParent;

/*var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
var parentEl=overlay.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
*/

} 
return totaloffset;
}

function overlay(curobj, subobjstr, opt_position){

//var xpos = 0;
//var ypos = 0;
if (document.getElementById){
var subobj=eval('subobjstr');

var xpos
var ypos
var subobj=document.getElementById(subobj);
subobj.style.display=(subobj.style.display!="block")? "block" : "none"
if(opt_position=="left") {
	//alert(getposOffset(curobj, "right"));
	 xpos=getposOffset(curobj, "right")+((typeof opt_position!="undefined" && opt_position.indexOf("left")!=-1)? - (subobj.offsetWidth-curobj.offsetWidth) : 0)
	 xpos=xpos + (subobj.offsetWidth - curobj.offsetWidth);
 ypos=getposOffset(curobj, "bottom")+((typeof opt_position!="undefined" && opt_position.indexOf("top")!=-1)? curobj.offsetHeight : 0)
 ypos=ypos-curobj.offsetHeight;
}else {
 xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0) 
xpos=xpos-curobj.offsetWidth;
//alert(xpos);

 ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0)

//alert(ypos);

xpos= xpos-10;

//alert(xpos + " ---- " + ypos);
}

if( ! isNaN(xpos)&& ! isNaN(ypos)) {
	
subobj.style.left=xpos+"px"
subobj.style.top=ypos+"px"
}
return false
}
else
return true
}

function overlayclose(subobj){
	var subobj=eval('subobj');
	var subobj=document.getElementById(subobj);
	subobj.style.display="none"
//document.getElementById(subobj).style.display="none"
}