var posX = "";
var posY = "";

var tooltip_on = 0;

function whereisMouse(e) {
	
	// IE bugbug
	 	var hauteurPage, largeurPage;
	 	
	 	if(self.innerWidth != undefined) {
	 		hauteurPage = self.innerHeight;
	 		largeurPage = self.innerWidth;
	 	}
	 	else if(document.documentElement.clientWidth != undefined) {
	 		hauteurPage = document.documentElement.clientHeight;
	 		largeurPage = document.documentElement.clientWidth;
	 	}
	 	else {
	 		hauteurPage = window.innerWidth;
	 		largeurPage = window.innerHeight;
	 	}
	
	var innerX = largeurPage;
	var innerY = hauteurPage;
	
	var decalageX = 15;
	var decalageY = 15;
	
	if(e.pageX) {
		posX = e.pageX;
		posY = e.pageY;		
	}
	else {
		posX = e.clientX + document.body.scrollLeft	+ document.documentElement.scrollLeft;
		posY = e.clientY + document.body.scrollTop	+ document.documentElement.scrollTop;
	}
	
	
	if(posX + 350 > innerX) {
		decalageX = - 350;
	}
	
	if(tooltip_on == 1) {
		var tooltip_height = parseInt(document.getElementById('tooltip').offsetHeight);
		
		if(posY + tooltip_height > innerY) {
			decalageY = - tooltip_height;
		}
		
	}
	
	if (document.getElementById('tooltip')) {
	
		document.getElementById('tooltip').style.left = posX + decalageX + "px";
		document.getElementById('tooltip').style.top = posY + decalageY + "px";
		
	}
}

var tooltip_req = new createXhrObject();

function tooltip(image, action, type) {
	
	var tooltip = document.getElementById('tooltip');
	
	if(type == 'rm') {
		var watermark = '&type=rm';
	}
		
	if(action == "in") {
		tooltip.style.display = "block";
		tooltip.style.backgroundColor = "white";
		tooltip.innerHTML = '<img src="galleries/watermark.php?imgid=' + image + watermark + '">';
		
		tooltip_req.open('GET', 'getImageTitle.php?id=' + image, true);
		tooltip_req.send(null);
		tooltip_req.onreadystatechange = function() {
			if(tooltip_req.readyState == 4) {
				var reqdata = tooltip_req.responseText.split(';');						
				tooltip.innerHTML = '<div style="padding:5px; border-bottom:3px solid #CDCDCD;">' + reqdata[0] + '</div>' + tooltip.innerHTML;
				tooltip.style.maxWidth = reqdata[1] + "px";
			}
		}
		
		tooltip_on = 1;		
	}
	
	else {
		tooltip.style.display = "none";
		tooltip_on = 0;
		tooltip_req.abort();
	}
	
}

function tooltip_press(image, action) {
	
	var tooltip = document.getElementById('tooltip');
	
	if(action == "in") {
		tooltip.style.display = "block";
		tooltip.style.backgroundColor = "white";
		tooltip.innerHTML = '<img src="' + image + '" />';
				
		tooltip_on = 1;		
	}
	
	else {
		tooltip.style.display = "none";
		tooltip_on = 0;
	}
	
}