//Static Eyes - http://www.btinternet.com/~kurt.grigg/javascript 
var browserName = navigator.appName;
var detect = navigator.userAgent.toLowerCase();

if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){

(function(){
var e_img = new Image();
e_img.src = "images/design/frogeyes.gif"; 
var p_img = new Image();
p_img.src = "images/design/frogpupil.gif";

var d = document;
var pix = "px";

var idx = document.images.length;
if (document.getElementById("cont"+idx)) idx++;

var eyeballs = "";
var pupil1 = "";
var pupil2 = "";

if (checkIt('msie')){
	if (checkIt('mac')){
		d.write('<div id="cont'+idx+'" class="eyestyle" style="height:17px;width:33px">'
		+'<div id="eyblls'+idx+'" style="position:absolute;top:546px;left:70px;width:36px;height:19px;padding:0px;margin:0px;"><img src="'+e_img.src+'" alt=""/>'
		+'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:7px;left:7px;width:5px;height:5px"/>'
		+'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:7px;left:24px;width:5px;height:5px"/>'
		+'<\/div><\/div>');
	}else{
		d.write('<div id="cont'+idx+'" class="eyestyle" style="height:17px;width:33px">'
		+'<div id="eyblls'+idx+'" style="position:absolute;top:508px;left:70px;width:36px;height:19px;padding:0px;margin:0px;"><img src="'+e_img.src+'" alt=""/>'
		+'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:7px;left:7px;width:5px;height:5px"/>'
		+'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:7px;left:24px;width:5px;height:5px"/>'
		+'<\/div><\/div>');
	}

}else{

	if (checkIt('mac')){
		d.write('<div id="cont'+idx+'" class="eyestyle" style="height:17px;width:33px">'
		+'<div id="eyblls'+idx+'" style="position:absolute;top:508px;left:70px;width:36px;height:19px;padding:0px;margin:0px;"><img src="'+e_img.src+'" alt=""/>'
		+'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:7px;left:7px;width:5px;height:5px"/>'
		+'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:7px;left:24px;width:5px;height:5px"/>'
		+'<\/div><\/div>');
	}else{
		d.write('<div id="cont'+idx+'" class="eyestyle" style="height:17px;width:33px">'
		+'<div id="eyblls'+idx+'" style="position:absolute;top:508px;left:70px;width:36px;height:19px;padding:0px;margin:0px;"><img src="'+e_img.src+'" alt=""/>'
		+'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:7px;left:7px;width:5px;height:5px"/>'
		+'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:7px;left:24px;width:5px;height:5px"/>'
		+'<\/div><\/div>');
	}

}

function watchTheMouse(y,x){
var osy = eyeballs.offsetTop;
var osx = eyeballs.offsetLeft;
// The x and y coordinates for the pupils
var c1y = osy + 9;
var c1x = osx + 9;
var c2y = osy + 9;
var c2x = osx + 26;
//
var dy1 = y - c1y;
var dx1 = x - c1x;
var d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
var dy2 = y - c2y;
var dx2 = x - c2x;
var d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
var ay1 = y - c1y;
var ax1 = x - c1x;
var angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
var ay2 = y - c2y;
var ax2 = x - c2x;
var angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
var dv = 1.36;
//(d1 < half the width of the eye)
var onEyeBall1 = (d1 < 8)?d1/dv:5;
var onEyeBall2 = (d2 < 8)?d2/dv:5;
// c1y-half the width of the pupil +onEyeBall1
pupil1.top = c1y-2+onEyeBall1 * Math.sin(angle1*Math.PI/180)-osy+pix;
pupil1.left = c1x-2+onEyeBall1 * Math.cos(angle1*Math.PI/180)-osx+pix;
pupil2.top = c2y-2+onEyeBall2 * Math.sin(angle2*Math.PI/180)-osy+pix;
pupil2.left = c2x-2+onEyeBall2  *Math.cos(angle2*Math.PI/180)-osx+pix;
}

function mouse(e){
var y,x;
if (!e) e = window.event;    
 if (typeof e.pageY == 'number'){
  y = e.pageY;
  x = e.pageX;
 }
 else{
 var ref = document.documentElement||document.body;
 y = e.clientY + ref.scrollTop;
 x = e.clientX + ref.scrollLeft;
}
watchTheMouse(y,x);
}

function init(){
eyeballs = d.getElementById("eyblls"+idx);
pupil1 = d.getElementById("ppl1"+idx).style;
pupil2 = d.getElementById("ppl2"+idx).style;
}

if (window.addEventListener){
 window.addEventListener("load",init,false);
 document.addEventListener("mousemove",mouse,false);
}  
else if (window.attachEvent){
 window.attachEvent("onload",init);
 document.attachEvent("onmousemove",mouse);
} 

})();
}

function checkIt(string)
{
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}

//End.