// Simple follow the mouse script

var divName = 'galleryinfo'; // div that is to follow the mouse
                      		 // (must be position:absolute)
                       

var offX = 15;          // X offset from mouse position
var offY = 15;          // Y offset from mouse position

//find screen size


  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }



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.left = (parseInt(mouseX(evt))+offX) + 'px';

if (parseInt(mouseX(evt)) > (myWidth / 2)) {
	obj.left = (parseInt(mouseX(evt))-200) + 'px';
} else {
	obj.left = (parseInt(mouseX(evt))+15) + 'px';
}


//obj.top = (parseInt(mouseY(evt))+offY) + 'px';

if (parseInt(mouseY(evt)) > (myHeight / 2)) {
	obj.top = (parseInt(mouseY(evt))-5) + 'px';
} else {
	obj.top = (parseInt(mouseY(evt))-5) + 'px';
}


}}

document.onmousemove = follow;


function showinfo(imagename, artistname, comments, comm) {	  
	document.getElementById("galleryinfo").style.display = 'block';
	document.getElementById("galleryinfo").style.visibility = 'visible';
	
	//document.getElementById("imagename").innerHTML = imagename
	//document.getElementById("artistname").innerHTML = artistname
	//document.getElementById("comments").innerHTML = comments
	//document.getElementById("comm").innerHTML = comm
	
}

function hideinfo() {
	document.getElementById('galleryinfo').style.visibility = 'hidden';
	document.getElementById('galleryinfo').style.display = 'none';

}     
                   
                       


