//Get object style
function getStyleObject(objectId) {
	if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId).style;
	}else if (document.all && document.all(objectId)) {
		return document.all(objectId).style;
	}else if (document.layers && document.layers[objectId]) {
		return document.layers[objectId];
	}else{
		return false;
	}
}

//Change object display style
function changeObjectDisplay(objectId, newDisplay) {
	var styleObject = getStyleObject(objectId);
	if(styleObject) {
		styleObject.display = newDisplay;
		return true;
	}else{
		return false;
	}
}

//Get the position of the object
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;
}

//asign the object position
function overlay(curobj, subobjstr, opt_position) {
	if (document.getElementById) {
		var subobj=document.getElementById(subobjstr)
		subobj.style.display=(subobj.style.display!="block")? "block" : "none"
																					
		if(opt_position == "left") {
			//alert("left");
		} else if (opt_position == "right") {
			var xpos=getposOffset(curobj, "left") + curobj.offsetWidth
			var ypos=getposOffset(curobj, "top")
		} else if (opt_position == "bottom") {
			//alert("bottom");
		} else {
			//alert("none");
		}
		subobj.style.left=xpos+"px"
		subobj.style.top=ypos+"px"
		return false
	}else{
		return true
	}
}