// JavaScript Document

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 */
	$("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? this.t : "";
		var param = []; 
   		var params = c.split('|');   
		//$("body").append("<div id='screenshot'><div style='float:left;'><img src='"+ this.rel +"' alt='url preview' width='110' height='110' /></div><div class='screenshot_box'>歌手:<br><div class='screenshot_title'>"+ params[0] +"</div>大碟名稱:<br><div class='screenshot_title'>"+ params[1] + "</div>出版日期: " + params[2] + "<br>唱片公司: " + params[3] + "<div><div class='clearer'></div></div>");								 
		
   		if(GetCookie("lan")=='b5'){	
   			$("body").append("<div id='screenshot'><div style='float:left;'><img src='"+ this.rel +"' alt='url preview' width='110' height='110' /></div><div class='screenshot_box'>\u6b4c\u624b:<br><div class='screenshot_title'>"+ params[0] +"</div>\u5927\u789f\u540d\u7a31:<br><div class='screenshot_title'>"+ params[1] + "</div>\u51fa\u7248\u65e5\u671f: " + params[2] + "<br>\u5531\u7247\u516c\u53f8: " + params[3] + "<div><div class='clearer'></div></div>");
   		}else if(GetCookie("lan")=='en'){
   			$("body").append("<div id='screenshot'><div style='float:left;'><img src='"+ this.rel +"' alt='url preview' width='110' height='110' /></div><div class='screenshot_box'>Artist:<br><div class='screenshot_title'>"+ params[0] +"</div>Album Title:<br><div class='screenshot_title'>"+ params[1] + "</div>Release Date: " + params[2] + "<br>Lable: " + params[3] + "<div><div class='clearer'></div></div>");								 			
   		}else{
   		   $("body").append("<div id='screenshot'><div style='float:left;'><img src='"+ this.rel +"' alt='url preview' width='110' height='110' /></div><div class='screenshot_box'>\u6b4c\u624b:<br><div class='screenshot_title'>"+ params[0] +"</div>\u5927\u789f\u540d\u79f0:<br><div class='screenshot_title'>"+ params[1] + "</div>\u51fa\u7248\u65e5\u671f: " + params[2] + "<br>\u5531\u7247\u516c\u53f8: " + params[3] + "<div><div class='clearer'></div></div>");
   		}
   		/*
		if(GetCookie("lan")=='gb'){			
   			$("body").append("<div id='screenshot'><div style='float:left;'><img src='"+ this.rel +"' alt='url preview' width='110' height='110' /></div><div class='screenshot_box'>歌手:<br><div class='screenshot_title'>"+ params[0] +"</div>大碟名称:<br><div class='screenshot_title'>"+ params[1] + "</div>出版日期: " + params[2] + "<br>唱片公司: " + params[3] + "<div><div class='clearer'></div></div>");								 	
   		}else if(GetCookie("lan")=='en'){
$("body").append("<div id='screenshot'><div style='float:left;'><img src='"+ this.rel +"' alt='url preview' width='110' height='110' /></div><div class='screenshot_box'>Artist:<br><div class='screenshot_title'>"+ params[0] +"</div>Album Title:<br><div class='screenshot_title'>"+ params[1] + "</div>Release Date: " + params[2] + "<br>Lable: " + params[3] + "<div><div class='clearer'></div></div>");								 			
   		}else{
   			$("body").append("<div id='screenshot'><div style='float:left;'><img src='"+ this.rel +"' alt='url preview' width='110' height='110' /></div><div class='screenshot_box'>歌手:<br><div class='screenshot_title'>"+ params[0] +"</div>大碟名稱:<br><div class='screenshot_title'>"+ params[1] + "</div>出版日期: " + params[2] + "<br>唱片公司: " + params[3] + "<div><div class='clearer'></div></div>");								 			
   		}*/
		
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
	
	$("a.screenshottop").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? this.t : "";
		var param = []; 
   		var params = c.split('|');   

		$("body").append("<div id='screenshot'><div class='screenshot_txt'>"+ params[0] + "</div></div>");								 
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshottop").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
};

this.settingPreview = 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 */
	$("a.settingprev").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? this.t : "";
		var param = []; 
   		var params = c.split('|');   
		$("body").append("<div id='screenshotsetting'><div class='screenshotsettingarr'></div><div class='screenshotsettingtxt'>"+ params[0] +"</div><div class='clearer'></div></div>");								 		
		$("#screenshotsetting")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshotsetting").remove();
    });	
	$("a.settingprev").mousemove(function(e){
		$("#screenshotsetting")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
	
	$("a.screenshottop").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? this.t : "";
		var param = []; 
   		var params = c.split('|');   

		$("body").append("<div id='screenshot'><div class='screenshot_txt'>"+ params[0] + "</div></div>");								 
		$("#screenshotsetting")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshotsetting").remove();
    });	
	$("a.screenshottop").mousemove(function(e){
		$("#screenshotsetting")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
};


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