$(document).ready(function(){
	var explorador = "ie"
	if (!$.browser.msie)
		explorador = "otro"
		
	$("*[id$=_bubble]").each(function(){
		var $targetObj = $("#" + $(this).attr("id").substr(0,$(this).attr("id").length-7));
		var $bubbleObj = $(this);
		$bubbleObj.css({
			"display":"none",
			"position":"absolute",
			"z-index":"99999999"
		});
		

		
		$targetObj.hover(function(e) {
			// Posicion de la burbuja
			var $thisObj = $("#" + $(this).attr("id") + "_bubble");
			if ($thisObj.hasClass("topBubble")) {
				var horizontalPosition = ($targetObj.offset().left + ($targetObj.width()/2)) - ($bubbleObj.width()/2);
				var verticalPosition = $targetObj.offset().top -$bubbleObj.height();
			} else if ($thisObj.hasClass("leftBubble")) {
				var horizontalPosition = $targetObj.offset().left -$bubbleObj.width();
				var verticalPosition = $targetObj.offset().top-$bubbleObj.height()/2 + 36;
			} else if ($thisObj.hasClass("rightBubble")) {	
				var horizontalPosition = ($targetObj.offset().left + ($targetObj.width()/2)) + $bubbleObj.width();
				var verticalPosition = $targetObj.offset().top-$bubbleObj.height()/2;
			} else if ($thisObj.hasClass("bottomBubble")) {		
				var horizontalPosition = ($targetObj.offset().left + ($targetObj.width()/2)) - ($bubbleObj.width()/2);		
				var verticalPosition = $targetObj.offset().top + $targetObj.height();
			}	
			
			$bubbleObj.css({left:horizontalPosition, top:verticalPosition});
			if (explorador == "ie")
				$bubbleObj.show();
			else
				$bubbleObj.fadeIn('fast');
		},function(){
			if (explorador == "ie")
				$bubbleObj.hide();
			else
				$bubbleObj.fadeOut('fast');
		});
		
		// Comprobando alineación de la punta del bocadillo
		if ($(this).hasClass("leftBubble")) {
			$("tbody>tr>td.right>img",this).css("display","block");
		} else if ($(this).hasClass("rightBubble")) {
			$("tbody>tr>td.left>img",this).css("display","block");
		} else if ($(this).hasClass("topBubble")) {
			$("tbody>tr>td.bottom>img",this).css("display","block");
		} else if ($(this).hasClass("bottomBubble")) {
			$("tbody>tr>td.top>img",this).css("display","block");
		}			
	});
});