// JavaScript Document

function showRollOver() {
	
	//config offsets
		xOffset = 100;
		yOffset = -120;
		maxY = 662;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("img.browserTnail").hover(function(e){
		var myLink = $(this).parent();
		this.t = myLink[0].title;
		//this.title = "";	
		
		if ($("#browserRollOver").length == 0) {

				$("body").append("<div id='browserRollOver'><img id='browserRollOverTop' src='images/browserRollOverTop.gif' width='277' height='7' border='0' alt='' /><div id='browserRollOverMid'>"+this.t+"</div><img id='browserRollOverBtm' src='images/browserRollOverBtm.gif' width='277' height='49' border='0' alt='' /></div>");
		} else {
			$("#browserRollOverMid").text(this.t);
		}
		//must limit top y position so rollovers don't overlap the flash
		if ((e.pageY-xOffset) < maxY) {
				ypos = maxY;
			} else {
				ypos = e.pageY-xOffset;
			}		
		
		$("#browserRollOver")
			.css("top",ypos + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#browserRollOver").remove();
    });	
	$("img.browserTnail").mousemove(function(e){
		
			if ((e.pageY-xOffset) < maxY) {
				ypos = maxY;
			} else {
				ypos = e.pageY-xOffset;
			}
		$("#browserRollOver")
				.css("top",ypos + "px")
				.css("left",e.pageX + yOffset + "px");
	});		
};