/*
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.
	// maximum image size.
	
var isIE6 = navigator.userAgent.toLowerCase().indexOf('msie 6') != -1;
var tout;
if (document.getElementById || document.all){
	document.write('<div id="trailimageid" style="position:absolute;">Betöltés...');
	document.write('</div>');
}

function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimageid.style
}

function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("trailimageid")
else if (document.all)
return document.all.trailimageid
}


function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function hideSelects(){
	if(isIE6){
	var s=document.getElementsByTagName('select');
	for (var i=0; i<s.length; i++) { 
  	s[i].style.visibility='hidden';
 } 
 }
}

function showSelects(){	
if(isIE6){
	var s=document.getElementsByTagName('select');
	for (var i=0; i<s.length; i++) { 
  	s[i].style.visibility='visible';
 }
 }
}


function showtrail(imagename){
	document.onmousemove=followmouse;
	var newHTML = "";
	newHTML = newHTML + "<span id=\"loadtext\">Betöltés...</span><span style=\"display:none;\" id=\"trailimgobj\"><img src=\"" + imagename + "\" border=\"0\" onLoad=\"document.getElementById('trailimgobj').style.display='inline';document.getElementById('loadtext').style.display='none'\"></span>";
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().display="inline";
	gettrailobj().position="absolute";
	gettrailobj().top=(document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+10+'px';
	gettrailobj().zIndex=10;
}

function showtrail2(imagename1,imagename2){
	document.onmousemove=followmouse;
	var newHTML = "";
	newHTML = newHTML + "<span id=\"loadtext\">Betöltés...</span><span style=\"display:none;\" id=\"trailimgobj\"><table><tr><td><img src=\"" + imagename1 + "\" border=\"0\" onLoad=\"document.getElementById('trailimgobj').style.display='inline';document.getElementById('loadtext').style.display='none'\"></td><td valign=top><img src=\"" + imagename2 + "\" border=\"0\" onLoad=\"document.getElementById('trailimgobj').style.display='inline';document.getElementById('loadtext').style.display='none'\"></td></tr></table></span>";
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().display="inline";
	gettrailobj().position="absolute";
	gettrailobj().top=(document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+10+'px';
	gettrailobj().zIndex=10;
}

function prepare_showtrail(imagename1,imagename2){
	window.clearTimeout(tout);
	tout=window.setTimeout(function(){showtrail2(imagename1,imagename2)},300);
}

function showtrailtext(text){
	document.onmousemove=followmouse;
	document.getElementById('trailimageid').style.width='200px';
	var newHTML = "";
	newHTML = newHTML + text;
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().display="inline";
	gettrailobj().position="absolute";
	gettrailobj().zIndex=10;
	hideSelects();

}

/*function showtrail(imagename){
	setTimeout(function() {displaytrail(imagename)},200);
}*/

function hidetrail(){
	window.clearTimeout(tout);
	gettrailobj().innerHTML = " ";
	gettrailobj().display="none";
	document.onmousemove="";
	gettrailobj().left="-1000px";
	showSelects();

}

var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);

function followmouse(e){
	//document.title=pictureLoaded;


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

	
	if (IE) { // grab the x-y pos.s if browser is IE
    mousex = event.clientX + document.documentElement.scrollLeft;
    mousey = event.clientY + document.documentElement.scrollTop;
    cy=event.clientY;
  } else {  // grab the x-y pos.s if browser is NS
    mousex = e.pageX
    mousey = e.pageY;
    cy=e.clientY;
  }  
      
	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight);
	
		if (docwidth - mousex < (currentimagewidth+40)){
			xcoord = mousex - xcoord - (currentimagewidth+20); // Move to the left side of the cursor
		} else {
			xcoord += mousex;
		}
		if (docheight - cy < (currentimageheight+40)){
			ycoord = mousey-currentimageheight;
			
			if(cy<(currentimageheight+40)){
				ycoord=mousey-cy+10;
			}
		} else {
			ycoord += mousey;
		
		}


	if(xcoord<0) xcoord=15;
	if(ycoord < 0) { ycoord = ycoord*-1; }
	
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"


}

document.onmousemove=followmouse;
