<!-- Begin
/***********************************************
* 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){
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){
if (document.getElementById){
var subobj=document.getElementById(subobjstr)
subobj.style.display=(subobj.style.display!="block")? "block" : "none"
var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0) 
var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0)
subobj.style.left=xpos+"px"
subobj.style.top=ypos+"px"
return false
}
else
return true
}

function overlayclose(subobj){
document.getElementById(subobj).style.display="none"
}




/***********************************************
* 
* INCLUDE IN THE BODY WHERE YOU WANT THE LINK TO BE
* CHANGE 3 SUBCONTENT TAG NUMBERS FOR EACH LINK EFFECT
* 
* <p style="padding-left: 240px"><b><a href="#" onClick="return overlay(this, 'subcontent2', 'rightbottom')">Show  * Content</a></b><br /></p>
*
* <!--Do not remove outer most DIV tag with id="subcontent2"-->
* <DIV id="subcontent2" style="position:absolute; display:none; border: 2px solid navy; background-color: lightyellow; * width: 200px; height: 100px; padding: 8px">
* 
* Some content. Some content.
* 
* 
* <div align="right"><a href="#" onClick="overlayclose('subcontent2'); return false">Close Box</a></div>
* 
* </DIV>
* 
* 
***********************************************/





// End -->






