function findTop(id) {
    var obj = document.getElementById(id);
    var curtop = 0;
    if (obj.offsetParent) {
        do {
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
        return curtop;
    }
	return 0;
}

function findLeft(id) {
    var obj = document.getElementById(id);
    var curleft = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
        } while (obj = obj.offsetParent);
        return curleft;
    }
	return 0;
}
jQuery(document).ready ( function() {
  jQuery(".opcion, .oculto").mouseover( 
    function()
    {
		var id = jQuery(this).attr("id");
		id = id.substr(1);
		if(navigator.appName == "Microsoft Internet Explorer"){
			var top = findTop("o"+id)+28;
			var left = findLeft("o"+id);
		}
		else{
			var top = findTop("o"+id)+28;
			var left = findLeft("o"+id);
		}
		jQuery("#o"+id).addClass("activo");
      jQuery("#d"+id).css("left",left).css("top",top).css("display","block");
    }
  );
  
  jQuery(".opcion, .oculto").mouseout(
	function()
	{
	/*	var id = jQuery(this).attr("id");
		id = id.substr(1);
	  jQuery("#s"+id).css("display","none"); */
	  var id = jQuery(this).attr("id");
		id = id.substr(1);
		jQuery("#o"+id).removeClass("activo");
	  jQuery("#d"+id).css("display","none");
	}
  );
});

