// JavaScript Document
// div that is to follow the mouse
var followMouseDiv; 
var mouseOverTimeout = 0;
var currentMouseOverImage;

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function follow(evt) {
	if (document.getElementById) {
		var obj = document.getElementById(followMouseDiv); 
		
		// X offset from mouse position
		var offX = 0;
		// Y offset from mouse position
		var offY = 30;
		
		if(obj){
			// obj.style.left = (parseInt(mouseX(evt))+offX) + 'px';
			// obj.style.top = (parseInt(mouseY(evt))+offY) + 'px';
			obj.style.left = (parseInt(findPos(currentMouseOverImage)[0]) + offX) + 'px';
			obj.style.top = (parseInt(findPos(currentMouseOverImage)[1]) + offY) + 'px';
		}	
	}
}

function galleryRollover(event, src, id, title, desc) {
	if(event.type == "mouseover") {
		currentMouseOverImage = src;
		stopFadeOut();
		var rolloverDiv = document.getElementById("rolloverDiv");
		document.getElementById("rolloverTitle").innerHTML = title;
		if(id=="blog")
		{	
			document.monform.f_commentTmpBlog_blogidfk.value = desc;
		}
		else
		{	
			document.getElementById("rolloverDesc").innerHTML = desc;
		}
		
		
		/*document.getElementById("rolloverItemID").value = id;
		document.getElementById("rolloverQuantityInput").value = "";*/
		rolloverDiv.style.visibility = "visible";
		followMouseDiv = "rolloverDiv";
		document.onmousemove = follow
	} else {
		document.onmousemove = null;
		startFadeOut("rolloverDiv", 100);
	}
}

function stopFadeOut () {
	clearTimeout(mouseOverTimeout);
	mouseOverTimeout = -1;
}

function startFadeOut(src_id, delay){
	mouseOverTimeout = setTimeout("fadeOut(\"rolloverDiv\")", delay);
}

function fadeOut(src_id){
	if(mouseOverTimeout != -1){
		var src = document.getElementById(src_id);
		src.style.visibility = "hidden";		
	}
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}