/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 


this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	jQuery(".tooltip0").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=0');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	
	jQuery(".tooltip1_1").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=1_1');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	
	jQuery(".tooltip1_2").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=1_2');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });
	jQuery(".tooltip1_3").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=1_3');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });

	jQuery(".tooltip2_1").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=2_1');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	    
	jQuery(".tooltip2_2").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=2_2');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	        
    
	jQuery(".tooltip3_1").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=3_1');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	    
	jQuery(".tooltip3_2").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=3_2');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	        
	jQuery(".tooltip3_3").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=3_3');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	        
	jQuery(".tooltip3_4").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=3_4');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	     
	jQuery(".tooltip3_5").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=3_5');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	     
	jQuery(".tooltip3_6").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=3_6');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	     
    
    
	jQuery(".tooltip4").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=4');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	    
	jQuery(".tooltip5").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=5');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	    
	jQuery(".tooltip6").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=6');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	    
    
 	jQuery(".tooltip7").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=7');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	   
	jQuery(".tooltip8").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=8');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	    
	jQuery(".tooltip9").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=9');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	    
	jQuery(".tooltip11_1").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=11_1');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });	    
    
	jQuery(".tooltip11_2").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=11_2');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    }); 
	    
	jQuery(".tooltip11_3").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=11_3');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });    
    
	jQuery(".tooltip11_4").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=11_4');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });    
    
	jQuery(".tooltip11_5").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=11_5');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });    
   
	jQuery(".tooltip11_6").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=11_6');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });    
    
	jQuery(".tooltip11_7").hover(function(e){											  
		this.title = "";									  
		jQuery("body").append("<div id='tooltip'></div>");
		jQuery("#tooltip").load('index.php?eID=bp3dplan&bgID=11_7');
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
			
    },
  
	function(){
		//this.title = this.t;		
		jQuery("#tooltip").remove();
    });    

	jQuery("a.tooltip").mousemove(function(e){
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};



// starting the script on page load
jQuery(document).ready(function(){
	tooltip();
});