jQuery.fn.tipbox = function(content, allowHtml, className){
	jQuery.fn.tipbox.created.id = "tipBox";
	$("body").append(jQuery.fn.tipbox.created);
	//set some properties for the tipBox division
	var tipBox = $(jQuery.fn.tipbox.created);
	tipBox.css({"position":"absolute","display":"none"});

	//functions
	function tipBoxShow(e){
		tipBox.css({"display":"block", "top":e.pageY+16, "left":e.pageX});
	}
	function tipBoxHide(){
		tipBox.css({"display":"none"});
	}

	//events for each element
	this.each(function(){
		$(this).mousemove(function(e){
			tipBoxShow(e);
			//update the content
			if(allowHtml)
				tipBox.html(content);
			else
				tipBox.text(content);
			//remove all classes for the tipBox before add a new one and to avoid the "append class"
			tipBox.removeClass();
			//set class if specified
			if(className) tipBox.addClass(className);
		});
		$(this).mouseout(function(){
			tipBoxHide();
		});
	});	
};

//create the element (avoiding create multiple divisions for the tipBox)
jQuery.fn.tipbox.created = document.createElement("div");


//lanzamos los elementos

	$().ready(function(){
	
	
		$("div#tooltipMesa1").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/1.jpg\' alt=\'mesa_intima\' />", 1, "width");	
		$("div#tooltipMesa2").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/2.jpg\' alt=\'mesa_intima\' />", 1, "width");	
		$("div#tooltipMesa3").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/3.jpg\' alt=\'mesa_intima\' />", 1, "width");	
		$("div#tooltipMesa4").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/4.jpg\' alt=\'mesa_intima\' />", 1, "width");

		$("div#tooltipMesa5").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/5-2.jpg\' alt=\'mesa_intima\' /><img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/5.jpg\' alt=\'mesa_intima\' />", 1, "width");

		$("div#tooltipMesa6").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/6-2.jpg\' alt=\'mesa_intima\' /><img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/6.jpg\' alt=\'mesa_intima\' />", 1, "width");

		$("div#tooltipMesa7").tipbox("<img style=\"border:solid black 4px;background-color:#222222;border-width:4px 0 4px 4px;\" src=\'../images-mesas/small/7-2.jpg\' alt=\'mesa_intima\' /><img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/7.jpg\' alt=\'mesa_intima\' />", 1, "width");

		$("div#tooltipMesa8").tipbox("<img style=\"border:solid black 4px;background-color:#222222;border-width:4px 0 4px 4px;\" src=\'../images-mesas/small/8-2.jpg\' alt=\'mesa_intima\' /><img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/8.jpg\' alt=\'mesa_intima\' />", 1, "width");

		$("div#tooltipMesa9").tipbox("<img style=\"border:solid black 4px;background-color:#222222;border-width:4px 0 4px 4px;\" src=\'../images-mesas/small/9.jpg\' alt=\'mesa_intima\' />", 1, "width");	
		

		$("div#tooltipMesa10").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/10.jpg\' alt=\'mesa_intima\' />", 1, "width");	
		

		$("div#tooltipMesa11").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/11.jpg\' alt=\'mesa_intima\' /><img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/11-2.jpg\' alt=\'mesa_intima\' />", 1, "width");	
		

		$("div#tooltipMesa12").tipbox("<img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/14.jpg\' alt=\'mesa_intima\' /><img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/12-2.jpg\' alt=\'mesa_intima\' />", 1, "width");	
		

		$("div#tooltipMesa14").tipbox("<img style=\"border:solid black 4px;background-color:#222222;border-width:4px 0 4px 4px;\" src=\'../images-mesas/small/14.jpg\' alt=\'mesa_intima\' /><img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/14-2.jpg\' alt=\'mesa_intima\' />", 1, "width");
		

		$("div#tooltipMesa15").tipbox("<img style=\"border:solid black 4px;background-color:#222222;border-width:4px 0 4px 4px;\" src=\'../images-mesas/small/15-2.jpg\' alt=\'mesa_intima\' /><img style=\"border:solid black 4px;background-color:#222222;\" src=\'../images-mesas/small/15.jpg\' alt=\'mesa_intima\' />", 1, "width");


});