/* Drop Down Block / Overlapping Content */
/*
// position - optional, format: positionx_positiony_directionx_directiony (left|right)_(top|bottom)_(left|right)_(up|down))
 onClick="overlayshow(this, 'block_id', position);return false;"
 
*/
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 overlayshow(curobj, subobjstr, position){
	if (document.getElementById){
		var subobj=document.getElementById(subobjstr)
		var pos=(typeof position!="undefined") ? position.split('.') : '';
		//alert(pos[0]+'_'+pos[1]+'_'+pos[2]+'_'+pos[3])
		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)
		var xpos=getposOffset(curobj, "left")+(pos[0]=="right"?curobj.offsetWidth:0)+(pos[2]=="left"?-(subobj.offsetWidth):0)
		var ypos=getposOffset(curobj, "top")+(pos[1]=="top"?0:curobj.offsetHeight)+(pos[3]=="up"?-subobj.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"
}
/* End:Drop Down Block / Overlapping Content  */