function showDiv(div_name) { 
	
	if (document.getElementById) { // DOM3 = IE5, NS6 
		document.getElementById(div_name).style.display = "inline"; 
		return false;
	} 
	else { 
		if (document.layers) { // Netscape 4 
			document.layers[div_name].display = "inline"; 
			return false;
		} 
		else { // IE 4 
			document.all[div_name].style.display = "inline"; 
		return false;
		} 
	} 
} 

function hideDiv(div_name) { 
		if (document.getElementById) { // DOM3 = IE5, NS6 
			document.getElementById(div_name).style.display = 'none'; 
			return false;
		} 
		else { 
			if (document.layers) { // Netscape 4 
				document.layers[div_name].display = 'none'; 
				return false;
			} 
			else { // IE 4 
				document.all[div_name].style.visibility = 'none'; 
				return false;
			} 
	} 
} 

function showLayer(id,_button,_style,_Xdimension) {
	
	var el = document.getElementById(_button);
	var rl = getAbsolutePos(el);

	  if(_style == 'normal'){

			document.getElementById(id).style.left = rl.x  + 22 + parseInt(_Xdimension);
			document.getElementById(id).style.top = rl.y ;
			
	  }else if(_style == 'slide'){

			document.getElementById(id).style.left =  rl.x  + 25 + parseInt(_Xdimension);
			document.getElementById(id).style.top =  rl.y  + 0;	 

	  }else if(_style == 'free'){

			document.getElementById(id).style.left =  rl.x  + 25 + (_Xdimension);
			document.getElementById(id).style.top =  rl.y  - 100;
			
	  }else if(_style == 'button'){

			document.getElementById(id).style.left =  rl.x  + 25 + parseInt(_Xdimension);
			document.getElementById(id).style.top =  rl.y  + 22;	 

	  }
	  
}

function getAbsolutePos(el) {
	var r = { x: el.offsetLeft, y: el.offsetTop };
	if (el.offsetParent) {
		var tmp = getAbsolutePos(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}
	return r;
}



// Example implemented
// ->  +
/*
onmouseover="javascript:showDiv('div_id');return showLayer('div_id','div_id_reference','normal',20)"
onmouseout="javascript:hideDiv('div_id')"
*/
// -> +