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;
	});
	
	$("#slider2").easySlider({
		controlsShow: true,
		auto: true, 
		speed: 700,
		continuous: true,
		pause: 7000,
		numeric: false,
		vertical: false,
		fade: true,
		prevId: "prev", 
		nextId: "next",
		controlsBefore: "<div class='prevnext'>",
		controlsAfter: "</div>",
		prevText: "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
		nextText: "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
	});

	

$('#slider').cycle({ 
    delay:  3000,
	timeout: 7000,
    speed:  800,
	height: 'auto',
	prev: '#prev', 
    next: '#next'
});

			   

//	$("#container").animate({
//		opacity: 0
//		}, 0, function() {
			// Animation complete.
//		});
		
//	$("#container").animate({
//		opacity: 1
//		}, 500, function() {
			// Animation complete.
//		});
	
	
	
	$(".homeimage", this).hover(function(){
    	$(".mainlink", this)
			.css("background","transparent")
			.css("color","#222")
			.css("padding","0");
	});
	
	
	$(".workli", this).hover(function(){
    	$(".workdesc", this)
			.css("visibility","visible")
			.css("display","none")
			.fadeIn("300")
		},
	function(){
    	$(".workdesc", this)
			.fadeOut("500");
	});
	
	
	// Login panel


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

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