/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.

if (document.getElementById || document.all){
	document.write('<div id="trailimageid" style="POSITION: absolute;z-index:200;">');
	document.write('</div>');
}

function showtrail(imagename,havelevel,plevel){

	$j(document).bind('mousemove', followmouse);

	newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888;">';
	newHTML = newHTML + '<div align="center" style="padding: 2px 2px 2px 2px;">';
	newHTML = newHTML + '<img src="' + imagename + '" border="0"></div>';
	newHTML = newHTML + '</div>';

	$j('#trailimageid').html(newHTML);
	$j('#trailimageid').css('display', 'inline');
}


function hidetrail(){
	$j(document).unbind('mousemove', followmouse);
	$j('#trailimageid').css('display', 'none');
	$j('#trailimageid').css('left', '-500px');
}

function followmouse(e){

	var xcoord = offsetfrommouse[0];
	var ycoord = offsetfrommouse[1];

	var docwidth = $j(window).width();
	var docheight = $j(window).height();

	var trailwidth = $j('#trailimageid').get(0).offsetWidth + 15;
	var trailheight = $j('#trailimageid').get(0).offsetHeight + 15;
	
	//console.log(docwidth, docheight, trailwidth, trailheight);
	//window.status = docwidth + '' + docheight + '' + trailwidth + '' + trailheight;

	//console.log(docwidth + '' + docheight + '' + $j('#trailimageid').width() + '' + $j('#trailimageid').height());
	
	if(docwidth - e.pageX < trailwidth){
		//右侧宽度不够
		xcoord = e.pageX - xcoord - trailwidth + 15;
	}else{
		xcoord += e.pageX;
	}
	if(docheight - e.pageY < trailheight){
		//下侧高度不够
		ycoord =  e.pageY - e.clientY + docheight - trailheight + 15;
	}else{
		ycoord += e.pageY;
	}
	
	$j('#trailimageid').css('left', xcoord+"px");
	$j('#trailimageid').css('top', ycoord+"px");
}