//Yazan; Ufuk YAYLA: http://www.ufukyayla.com
//Teşekkürler; Ferruh MAVİTUNA: http://ferruh.mavituna.com
//Mavi turuncu tonlarda; toplansın dalgalar kumsalda.

document.onmousemove = fare_hareket;
var tarayici_ie = document.all;
var browser=navigator.appName;
var tips_zamanasimi;

var fare_x = 0;
var fare_y = 0;

function tips_gizle(){
	clearTimeout(tips_zamanasimi);
	var tips_div = document.getElementById("tips_div");
	tips_div.style.display = 'none';
}

function tips_goster(e){
	var nesne;
	
	if (e.target != null) {nesne = e.target}
	else {nesne = e.srcElement}
	var tips_metin = ozellik_bul(nesne,"tips");
	
	var tips_div = document.getElementById("tips_div");
	
	//Gerektiği yerlerde nesnelerin konum, ebat ve z-index bilgilerini verir.
	//if(tips_metin == "-"){tips_metin = nesne.id + "<br/>x" + nesne_x(nesne) + " / y" + nesne_y(nesne) + "<br/>w" + nesne_w(nesne) + " / h" + nesne_h(nesne) + "<br/>z" + nesne.style.zIndex; }
	
	if (tips_metin == "-") {
//		clearTimeout(tips_zamanasimi);
//		tips_div.style.display = "none";
	}
	else {
		tips_metin = tips_metin.replace(/\[/g, "<");
		tips_metin = tips_metin.replace(/\]/g, ">");
		
		//tips_div.style.left = fare_x + 10 + "px";
		//tips_div.style.top = fare_y - 24 + "px";
		
		tips_div.style.left = nesne_x(nesne) - 120 + 'px';
		tips_div.style.top = nesne_y(nesne) - 5 + "px";
		
		tips_div.innerHTML = tips_metin;
		
		clearTimeout(tips_zamanasimi);
		tips_zamanasimi = setTimeout("tips_kutugoster()", 100);
//		tips_zamanasimi = setTimeout("tips_gizle()", 2000);
	}
}

function tips_kutugoster(){
	document.getElementById("tips_div").style.display = "block";
}

//Nesne özelliklerini okur
function ozellik_bul(nesne, ozellik){
	var metin = "";
	
	try {
		metin = nesne.attributes[ozellik].value;
	}
	catch(e) {
		metin = "-";
	}
	
	if (metin == "") {metin = "-"}
	
	return metin;
}

//Farenin konumunu x ve y olarak iki değişkene yazar
function fare_konum(e){
	if (e) {
		if (tarayici_ie) {
			fare_x = e.clientX + document.documentElement.scrollLeft;
			fare_y = e.clientY + document.documentElement.scrollTop;
		}
		else {
			fare_x = e.pageX;
			fare_y = e.pageY;
		}
	}
    //alert(e.clientX);
	if (fare_x < 0) {fare_x = 0};
	if (fare_y < 0) {fare_y = 0};
	
	//document.getElementById("genel_durum").innerHTML = fare_x + " / " + fare_y;
}

//Fare imleci konum değiştirince çalışır
function fare_hareket(e){
	if (!e) {e = window.event};
	
	//document.getElementById("genel_durum").innerHTML = "hareket";
	
	doSomething(e);
	tips_goster(e);
	//tasi_yap(e);
	
	//if (tasi_tasi) {return false};
	//if (kaydir_kaydir) {return false};
}

//Id'si verilen nesnenin (veya yuvalandığı nesnenin) sol üst köşe koordinatları döndürürler
function nesne_x(nesne){
	var n = nesne;
	
	var sol = n.offsetLeft;
	while ( (n = n.offsetParent) != null ) {sol += n.offsetLeft};
	return sol;
}

function nesne_y(nesne){
	var n = nesne;
	
	var ust = n.offsetTop;
	while( (n = n.offsetParent) != null ) {ust += n.offsetTop};
	return ust;
}

//----------------------------------
//Id'si verilen nesnenin genişlik ve yüksekliğini döndürürler
function nesne_w(nesne){
	return nesne.offsetWidth;
}

function nesne_h(nesne){
	return nesne.offsetHeight;
}




/* Info popup başla */		
		//document.onmousemove = doSomething;
		document.onmousemove=fare_hareket;
		fare_hareket
		var tObjID = null
		var distXD = -50
		var distYD = 10
			function doSomething(e) {
				var posx = 0;
				var posy = 0;
				if (!e) var e = window.event;
				if (e.pageX || e.pageY) 	{
					posx = e.pageX;
					posy = e.pageY;
					ww = window.innerWidth;
					wh = window.innerHeight;
					diffx = (ww-document.body.offsetWidth)/2
					diffy = (wh-document.body.offsetHeight)/2
					if(diffx<0){
						diffx =document.body.offsetLeft
					}
					if(diffy<0){
						diffy =document.body.offsetTop
					}


				}
				else if (e.clientX || e.clientY) 	{
					ww = document.body.offsetWidth
					wh = document.body.offsetHeight;
					posx = e.clientX + document.body.scrollLeft	+ document.documentElement.scrollLeft;
					posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
					diffx = document.body.offsetLeft
					diffy = document.body.offsetTop
				}
				if(tObjID!=null){
					if(navigator.appName.indexOf('Microsoft')>=0){
						if(document.getElementById(tObjID).style.visibility!='visible'){
							posx = posx-diffx+distX
							posy = posy-diffy+distY+5
							document.getElementById(tObjID).style.left = "298px"
							document.getElementById(tObjID).style.top = posy+"px"
							document.getElementById(tObjID).style.visibility='visible';
						}
					}else{
						posx = posx-diffx+distX
						posy = posy-diffy+distY
						document.getElementById(tObjID).style.left = posx+"px"
						document.getElementById(tObjID).style.top = posy+"px"
					}
				}
			}
			function showInfoPopUp(obj,dx,dy,cnt){
				if(dx){
					distX = dx
				}else{
					distX = distXD
				}
				if(dy){
					distY = dy
				}else{
					distY = distYD
				}
				obj.style.display='block';
				obj.innerHTML = '<div class="infoPopUpTop">&nbsp;</div>';
				obj.innerHTML += '	<div class="infoPopUpMiddle" style="padding:0px 5px;">'+cnt+'</div>';
				obj.innerHTML += '<div class="infoPopUpBottom">&nbsp;</div>';
				distY = -obj.offsetHeight
				tObjID = obj.id
				if(navigator.appName.indexOf('Microsoft')>=0){
					document.getElementById(tObjID).style.visibility='hidden';
					distY -=10
				}else{
					document.getElementById(tObjID).style.visibility='visible';
				}
			}
			function hideInfoPopUp(){
				document.getElementById(tObjID).style.visibility='hidden';
				document.getElementById(tObjID).style.display='none';
				tObjID = null
			}
/* Info popup bitir */			