this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 35;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px")
			//.css("display", "block");
			.fadeIn("200");
    },
	function(){
		this.title = this.t;
		$("#tooltip")
			.remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px");
	});			
};



// starting the script on page load
$(document).ready(function(){

	tooltip();
						   
	$(".clickable").click(function(){
    	window.location=$(".thetitle", this).find("a").attr("href");return false;
	});
 
	
	
	// Login panel


$(".loginbutton").click(function(){
	$("#loginpanel").toggle("700")
});

$(".homeimage", this).hover(function(){
    	$(".homework", this)
			.fadeIn("500");
		},
	function(){
    	$(".homework", this)
			.fadeOut("300");
	});



	$("#container").animate({
		opacity: 0
		}, 0, function() {
			// Animation complete.
		});
		
	$("#container").animate({
		opacity: 1
		}, 500, function() {
			// Animation complete.
		});	
	
}); //close doc ready