// JavaScript Document


function init(e) {
	var x = 0;
	var y = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		x = e.pageX;
		y = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		x = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		y = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}

if (x>500 && x<700 && y>200 && y<400) {
document.getElementById('center_box').style.border = "1px #f00 dashed";
}
else {
document.getElementById('center_box').style.border = "1px #000 dashed";
}

xopacity = Math.abs(1-(x/600.0));
yopacity = Math.abs(1-(y/350.0));
opacity = (1-(xopacity+yopacity));

changeOpac(opacity, 'top_text');
changeOpac(opacity, 'left_text');
changeOpac(opacity, 'right_text');
changeOpac(opacity, 'bottom_text');

changeOpac(opacity, 'portrait');

//if (x>590 && x<610 && y>390 && y<410) {
//document.getElementById('portrait').src = "portrait_200_wink.png";
//}
//else {
//document.getElementById('portrait').src = "portrait_200.png";
//} 

x = 1100-x;
y = 500-y;
document.getElementById('portrait').style.left = x + "px";
document.getElementById('portrait').style.top = y + "px";

  return
}

function changeOpac(opacity, id) { 
var object = document.getElementById(id).style; 
object.opacity = (opacity); 
object.MozOpacity = (opacity); 
object.KhtmlOpacity = (opacity); 
object.filter = "alpha(opacity=" + opacity*100 + ")"; 
}