function changeSrc(image, height, width) {
    document.getElementById("img").src=image;
    document.getElementById("img").height=height;
    document.getElementById("img").width=width;
}

function changehide() {
    document.getElementById("img").src="";
    document.getElementById("img").height=0;
    document.getElementById("img").width=0;
}

var divName = 'modalLayer'; // div that is to follow the mouse
                       // (must be position:absolute)
var offX = -200;          // X offset from mouse position
var offY = 5;          // Y offset from mouse position

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(divName).style; obj.visibility = 'visible';
		obj.left = (parseInt(mouseX(evt))+offX) + 'px';
		obj.top = (parseInt(mouseY(evt))+offY) + 'px';
	}
}

function notfollow(evt) {
	if (document.getElementById) {
		var obj = document.getElementById(divName).style; obj.visibility = 'hide';
		//obj.left = (parseInt(mouseX(evt))+offX) + 'px';
		//obj.top = (parseInt(mouseY(evt))+offY) + 'px';
	}
}


function SetSize() {
    if (typeof window.innerWidth  == 'number') {
        pageW = window.innerWidth;
        pageH = window.innerHeight;
    } else if (document.documentElement && document.documentElement.clientWidth) {
        pageW = document.documentElement.clientWidth;
        pageH = document.documentElement.clientHeight;
    } else {
        pageW = document.body.clientWidth;
        pageH = document.body.clientHeight;
    }
    document.getElementById("modalLayer").style.width = (pageW - 20) + "px";
    document.getElementById("modalLayer").style.height = (pageH - 20) + "px";
}

function ShowModal() {
    //SetSize();
    //document.getElementById("modalLayer").style.visibility="visible";
	document.getElementById("modalLayer").style.width = document.getElementById("img").width + 50 + "px";
	document.getElementById("modalLayer").style.height = document.getElementById("img").height + 30 + "px";
	document.onmousemove=follow;
}

function HideModal() {
    document.getElementById("modalLayer").style.visibility="hidden";
	document.onmousemove=notfollow;
}