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.
var currentimageheight = 300;	// maximum image size.

//<div id="preview_div" style="display: none; z-index:99999; position: absolute;"></div>

function gettrailobj(){
    return gettrailobjnostyle().style;
}

function gettrailobjnostyle() {
    var prvdv = document.getElementById("preview_div");
    if ((typeof (prvdv) == 'undefined') || (prvdv == '') || (prvdv == 'undefined') || (prvdv == null)) {
        prvdv = document.createElement("DIV");
        prvdv.id = "preview_div";
        prvdv.style.position = "absolute";
        prvdv.style.display = "none";
        prvdv.setAttribute('style', 'display: none; z-index:99999; position: absolute;');
        document.body.appendChild(prvdv)
    }
    return prvdv;
}
function truebody()
{
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function showtrailsmall(company,title,pdate,edate,showthumb) {
	document.onmousemove=followmouse;
	var newHTML = '<div class="divBg">';
	newHTML = newHTML + '<div align="center"><table cellpadding=2 cellspacing=2 width=100%>  <tr bgcolor=#f4fbfd><td class=maviyazi width=120>Þirket Adý</td><td class=geneltext>:</td><td class=geneltext>'+company+'</td></tr>   <tr><td class=maviyazi>Pozisyon Adý</td><td class=geneltext>:</td><td class=geneltext>'+title+'</td></tr>';   
	newHTML = newHTML + '<tr bgcolor=#f4fbfd><td class=maviyazi>Yayýnlanma Tarihi</td><td class=geneltext>:</td><td class=geneltext>'+pdate+'</td></tr>  <tr><td class=maviyazi>Son Baþvuru Tarihi</td><td class=geneltext>:</td><td class=geneltext>'+edate+'</td></tr></table></div><div id="loader_container"><div id="loader"></div></div>';
	newHTML = newHTML + '</div>';
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobjnostyle().display="";
	gettrailobj().display="";
}
function showtrail(company, title, pdate, edate, showthumb) {
    
	document.onmousemove=followmouse;
	var newHTML = '<div class="divBg">';
		newHTML = newHTML + '<div align="center"><table cellpadding=2 cellspacing=2 width=100%>  <tr bgcolor=#f4fbfd><td class=maviyazi width=120>Þirket Adý</td><td class=geneltext>:</td><td class=geneltext>'+company+'</td></tr>   <tr><td class=maviyazi>Pozisyon Adý</td><td class=geneltext>:</td><td class=geneltext>'+title+'</td></tr>   <tr bgcolor=#f4fbfd><td class=maviyazi>Yayýnlanma Tarihi</td><td class=geneltext>:</td><td class=geneltext>'+pdate+'</td></tr>  <tr><td class=maviyazi>Son Baþvuru Tarihi</td><td class=geneltext>:</td><td class=geneltext>'+edate+'</td></tr></table></div><div id="loader_container"><div id="loader"></div></div>';
	
	newHTML = newHTML + '</div>';
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobjnostyle().display="";
	
	gettrailobj().display="";
}
function showtrail2(company,title,pdate,edate,showthumb,ilanDetay){
	document.onmousemove=followmouse;
	ilanDetay=ilanDetay.replace('µ','"'); // kodda " yerine kullandýðým karakter.
	while(ilanDetay.indexOf("µ")>=0)
	{
		ilanDetay=ilanDetay.replace('µ','"');
	}
	var newHTML = '<div class="divBg">';
		newHTML = newHTML + '<div align="center"><table cellpadding=0 cellspacing=0 width=100%> '; //<tr bgcolor=#f4fbfd><td class=maviyazi width=100>Þirket Adý</td><td class=geneltext>:</td><td class=geneltext>'+company+'</td></tr>   <tr><td class=maviyazi>Pozisyon Adý</td><td class=geneltext>:</td><td class=geneltext>'+title+'</td></tr>';   
		if(ilanDetay!="")
			newHTML = newHTML + '<tr bgcolor=#f4fbfd><td colspan="3"><hr /></td></tr> ';
		newHTML = newHTML + '<tr bgcolor=#f4fbfd><td class="weeklytext" colspan="3">'+ilanDetay+'</td></tr> ';
		if(ilanDetay!="")
			newHTML = newHTML + '<tr bgcolor=#f4fbfd><td class="geneltext" colspan="3"><hr /></td></tr> ';
		newHTML = newHTML + '<tr bgcolor=#f4fbfd><td class="maviyazi">Yayinlanma Tarihi</td><td class=geneltext>:</td><td class=geneltext>'+pdate+'</td></tr>  <tr><td class=maviyazi>Son Basvuru Tarihi</td><td class=geneltext>:</td><td class=geneltext>'+edate+'</td></tr></table></div><div id="loader_container"><div id="loader"></div></div>';
	
	newHTML = newHTML + '</div>';
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobjnostyle().display="";
	
	gettrailobj().display="";
}
function showtrail3(company,title,pdate,edate,showthumb,ilanDetay){
	document.onmousemove=followmouse;
	ilanDetay=ilanDetay.replace('µ','"'); // kodda " yerine kullandýðým karakter.
	while(ilanDetay.indexOf("µ")>=0)
	{
		ilanDetay=ilanDetay.replace('µ','"');
	}
	var newHTML = '<div class="divBg">';
		newHTML = newHTML + '<div align="center"><table cellpadding=0 cellspacing=0 width=100%> <tr><td align="center">'+title+'</td></tr>';		
		newHTML = newHTML + '<tr bgcolor=#f4fbfd><td class="weeklytext" colspan="3">'+ilanDetay+'</td></tr> ';		
		newHTML = newHTML + '</table></div><div id="loader_container"><div id="loader"></div></div>';
	
	newHTML = newHTML + '</div>';
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobjnostyle().display="";
	
	gettrailobj().display="";
}
function hidetrail(){
	gettrailobj().display= "none";
	document.onmousemove="";
	gettrailobj().left = "-500px";
	gettrailobjnostyle().innerHTML = "";
}
function followmouse(e){
	var xcoord=offsetfrommouse[0]
	var ycoord=offsetfrommouse[1]

	var docwidth=document.getElementById? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.getElementById? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

	//if (document.getElementById){
	//	gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
	//} else {
	//	gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
	//}
	currentimageheight =gettrailobjnostyle().scrollHeight+20;
	if (typeof e != "undefined"){
		if (docwidth - e.pageX < 300){
			xcoord = e.pageX - xcoord - 300; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (currentimageheight)){
			ycoord += e.pageY - Math.max(0,(currentimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 300){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 300; // Move to the left side of the cursor
		} else {
		    xcoord += truebody().scrollLeft + event.clientX;
		}
		if (docheight - event.clientY < (currentimageheight )){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,( currentimageheight + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}
	}

	var docwidth=document.getElementById? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.getElementById? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
		if(ycoord < 0) { ycoord = ycoord*-1; }
	
	gettrailobj().left = xcoord + "px";
	gettrailobj().top = ycoord + "px";
	gettrailobj().display = "";
}



function showtrailcontent(content){

	if(content!='')
	{
		document.onmousemove=followmousecontent;
		var newHTML = '<div class="divBg">';
		newHTML = newHTML + '<div align="center">'+content+'</div>';
	
		newHTML = newHTML + '</div>';
		gettrailobjnostyle().innerHTML = newHTML;
		gettrailobjnostyle().display="";
	
		gettrailobj().display="";
	}
}
function hidetrailcontent(){
	gettrailobj().display= "none";
	document.onmousemove="";
	gettrailobj().left="-500px";
	gettrailobjnostyle().innerHTML = "";
}
function followmousecontent(e){

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

	var docwidth=document.getElementById? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.getElementById? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

	//if (document.getElementById){
	//	gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
	//} else {
	//	gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
	//}
	currentimageheight =gettrailobjnostyle().scrollHeight+20;
	if (typeof e != "undefined"){
		if (docwidth - e.pageX < 270){
			xcoord = e.pageX - xcoord - 270; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (currentimageheight)){
			ycoord += e.pageY - Math.max(0,(currentimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 270){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 270; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (currentimageheight )){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,( currentimageheight + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}
	}

	var docwidth=document.getElementById? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.getElementById? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
		if(ycoord < 0) { ycoord = ycoord*-1; }
	gettrailobj().left = xcoord + "px";
	gettrailobj().top = ycoord + "px";
}