/**
*
*	simpleTooltip jQuery plugin, by Marius ILIE
*	visit http://dev.mariusilie.net for details
*
*   Usage instructions
*
*   - Si el elemento tiene atributo TITLE:
*	       $("#some-element").simpletooltip();
*
*     En el TITLE debe estar el contenido HTML del tooltip.
*
*	  Modificación junio 2010: Si la clase es 'lupa' se muestra una imagen. La ruta de la imagen se le da desde TITLE.
*
**/

(function($){ $.fn.simpletooltip = function(){
	return this.each(function() {
		var text = $(this).attr("title");
		$(this).attr("title", "");	
		
		var clase = $(this).attr("class");	
		var thisX = $(this).css("left");
		var thisY = $(this).css("top");
		var thisMarginL = $(this).css('margin-left');

		
		if(text != undefined) {
			$(this).hover(function(e){
				var tipX = e.pageX + 12;
				var tipY = e.pageY + 12;
				$(this).attr("title", ""); 
				
				if(clase == 'lupa')
				{
					$("#lupa")
					.css({'width':'337px','height':'202px'})
					.append('<img src="'+text+'" class="imgdet"/><div class="marcoLupa"></div>');
	
					if($.browser.msie){
						$('.marcoLupa').show();
						$('.imgdet').show();
					}else{					
						$('.marcoLupa').fadeIn('slow');
						$('.imgdet').fadeIn('slow');					
					};

				
				}else{
					$("body").append("<div id='simpleTooltip' style='display: none;'>" + text + "</div>");
					if($.browser.msie) var tipWidth = $("#simpleTooltip").outerWidth(true)
					else var tipWidth = $("#simpleTooltip").width()
					$("#simpleTooltip").width(tipWidth);
					$("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
				};
				
			}, function(){
				if(clase == 'lupa')
				{
					
					$("#lupa").css({'width':'58px','height':'45px'});
					
					if($.browser.msie){
						$('.marcoLupa').remove();
						$('.imgdet').remove();						
					}else{
						$('.imgdet').fadeOut('slow',function(){$(this).remove();});
						$('.marcoLupa').fadeOut('slow',function(){$(this).remove();});				
					};

				}else{
					$("#simpleTooltip").remove();
				};
				
				$(this).attr("title", text);
				
			});
			
			$(this).mousemove(function(e){
			
				if(clase != 'lupa'){
				
				var tipX = e.pageX + 12;
				var tipY = e.pageY + 12;

				var tipWidth = $("#simpleTooltip").outerWidth(true);
				var tipHeight = $("#simpleTooltip").outerHeight(true);
				if(tipX + tipWidth > $(window).scrollLeft() + $(window).width()) tipX = e.pageX - tipWidth;
				if($(window).height()+$(window).scrollTop() < tipY + tipHeight) tipY = e.pageY - tipHeight;
				$("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
				}
			});
		}
	});
}})(jQuery);