/*
 * Url preview 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.screenshotPreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("area").each(function(index){
		this.a = this.alt;
		this.alt="";
		
		this.t = this.title;
		this.title = "";
		//alert(this + ", " + this.t);
	});
	
	$("area").mouseover(function(e){
		//$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");
		$("body").append("<div id='screenshot'><p><strong>Coach " + this.a +"</strong><br />" + this.t + "</p><img src=\"../images/coach-" + this.a +".jpg\" /></div>");								 			
		if(this.a == "Peterson" || this.a == "Lewis"){
			$("#screenshot").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX - 250) + "px").fadeIn("fast");
			//alert("true");
		} else {
			$("#screenshot").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px").fadeIn("fast");
			//alert("false");
		}
	});
	$("area").mouseout(function(e){
		//this.title = this.alt;
		$("#screenshot").remove();
	});	
		
	$("area").mousemove(function(e){
		if(this.a == "Peterson" || this.a == "Lewis"){
			$("#screenshot").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX - 250) + "px");
		}else{
			$("#screenshot").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px");
		}
	});	
};


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