var curProjectID = "";

var offsetfromcursorX=12 //Customize x offset of graphtip
var offsetfromcursorY=10 //Customize y offset of graphtip

var offsetdivfrompointerX=10 //Customize x offset of graphtip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of graphtip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmlgraphtip" style="display: none; padding: 0px; border: 0px;"></div>') //write out graphtip DIV

		document.write('<img id="dhtmlpointerYamala" src="/images/projects/3/graph.jpg">');
				document.write('<img id="dhtmlpointerElimatta" src="/images/projects/2/graph.jpg">');
				document.write('<img id="dhtmlpointerAshford" src="/images/projects/1/graph.jpg">');
				document.write('<img id="dhtmlpointerMaryborough" src="/images/projects/4/graph.jpg">');
				document.write('<img id="dhtmlpointerYetman" src="/images/blank.gif">');
		var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmlgraphtip"] : document.getElementById? document.getElementById("dhtmlgraphtip") : ""

var pointerElimatta=document.all? document.all["dhtmlpointerElimatta"] : document.getElementById? document.getElementById("dhtmlpointerElimatta") : "";

var pointerYamala=document.all? document.all["dhtmlpointerYamala"] : document.getElementById? document.getElementById("dhtmlpointerYamala") : "";

var pointerAshford=document.all? document.all["dhtmlpointerAshford"] : document.getElementById? document.getElementById("dhtmlpointerAshford") : "";

var pointerMaryborough=document.all? document.all["dhtmlpointerMaryborough"] : document.getElementById? document.getElementById("dhtmlpointerMaryborough") : "";

var pointerYetman=document.all? document.all["dhtmlpointerYetman"] : document.getElementById? document.getElementById("dhtmlpointerYetman") : "";

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thewidth, thecolor){

curProjectID = thetext;
thetext = "";

if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){

	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;
  	}


	if (enabletip) {

		var nondefaultpos=false;
		var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
		var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;

		//Find out how close the mouse is to the corner of the window
		var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20;
		var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20;

		var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX;
		var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;

		var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000;

		//if the horizontal distance isn't enough to accomodate the width of the context menu

	if (rightedge<tipobj.offsetWidth){

	//move the horizontal position of the menu to the left by it's width
		tipobj.style.left=curX-tipobj.offsetWidth+"px"
		nondefaultpos=true
	}
	else if (curX<leftedge)
		tipobj.style.left="5px"

	else{

		//position the horizontal position of the menu where the mouse is positioned

		tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px";

		var widthPixels;
		var imageSize;

		if (curProjectID == "Yamala") {
			imageSize = 200;
		} else if (curProjectID == "Ashford") {
			imageSize = 200;
		} else if (curProjectID == "Maryborough") {
			imageSize = 200;
		} else if (curProjectID == "Elimatta") {
			imageSize = 200;
		} else if (curProjectID == "Yetman") {
			imageSize = 0;
		}

		var mapRightSide = 310;
		var borderWidth = (myWidth-990)/2;

		if (borderWidth > 0) {
			if (imageSize < mapRightSide) {
				widthPixels = mapRightSide+borderWidth-imageSize;
			} else {
				widthPixels = borderWidth + 23;
			}
		} else {
			borderWidth = 0;
			if (imageSize < mapRightSide) {
				widthPixels = mapRightSide+borderWidth-imageSize;
			} else {
				widthPixels = 23;
			}
		}

		if (curProjectID == "Yamala") {
			pointerYamala.style.left=widthPixels+"px";
		} else if (curProjectID == "Ashford") {
			pointerAshford.style.left=widthPixels+"px";
		} else if (curProjectID == "Maryborough") {
			pointerMaryborough.style.left=widthPixels+"px";
		} else if (curProjectID == "Elimatta") {
			pointerElimatta.style.left=widthPixels+"px";
		} else if (curProjectID == "Yetman") {
			pointerYetman.style.left=widthPixels+"px";
		}
	}

	//same concept with the vertical position
	if (bottomedge<tipobj.offsetHeight){
		tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px";
		nondefaultpos=true;
	} else {
		tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px";
		if (curProjectID == "Yamala") {
			pointerYamala.style.top="404px";
		} else if (curProjectID == "Ashford") {
			pointerAshford.style.top="404px";
		} else if (curProjectID == "Maryborough") {
			pointerMaryborough.style.top="404px";
		} else if (curProjectID == "Elimatta") {
			pointerElimatta.style.top="404px";
		} else if (curProjectID == "Yetman") {
			pointerYetman.style.top="404px";
		}
	}

	tipobj.style.visibility="visible";

	if (!nondefaultpos)

		if (curProjectID == "Yamala") {
			pointerYamala.style.visibility="visible";
		} else if (curProjectID == "Ashford") {
			pointerAshford.style.visibility="visible";
		} else if (curProjectID == "Maryborough") {
			pointerMaryborough.style.visibility="visible";
		} else if (curProjectID == "Elimatta") {
			pointerElimatta.style.visibility="visible";
		} else if (curProjectID == "Yetman") {
			pointerYetman.style.visibility="visible";
		}

	} else {

		if (curProjectID == "Yamala") {
			pointerYamala.style.visibility="hidden";
		} else if (curProjectID == "Ashford") {
			pointerAshford.style.visibility="hidden";
		} else if (curProjectID == "Maryborough") {
			pointerMaryborough.style.visibility="hidden";
		} else if (curProjectID == "Elimatta") {
			pointerElimatta.style.visibility="hidden";
		} else if (curProjectID == "Yetman") {
			pointerYetman.style.visibility="hidden";
		}

	}
}

function hideddrivetip(){

	if (ns6||ie) {

		enabletip=false;
		tipobj.style.visibility="hidden";

		if (curProjectID == "Yamala") {
			pointerYamala.style.visibility="hidden";
		} else if (curProjectID == "Ashford") {
			pointerAshford.style.visibility="hidden";
		} else if (curProjectID == "Maryborough") {
			pointerMaryborough.style.visibility="hidden";
		} else if (curProjectID == "Elimatta") {
			pointerElimatta.style.visibility="hidden";
		} else if (curProjectID == "Yetman") {
			pointerYetman.style.visibility="hidden";
		}

		tipobj.style.left="-1000px";
		tipobj.style.backgroundColor="";
		tipobj.style.width="";
	}
}

document.onmousemove=positiontip;