var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;





function getMouseXY(e) {
	if (IE) { // grab the x-y pos.s if browser is IE
	tempX = event.clientX + document.body.scrollLeft;
	tempY = event.clientY + document.body.scrollTop;
	}
	else {  // grab the x-y pos.s if browser is NS
	tempX = e.pageX;
	tempY = e.pageY;
	}  
}

function mMove(pos) {
	var prev_b=document.getElementById("b_prev");
	var next_b=document.getElementById("b_next");
	var r1=document.getElementById("ruler1");
	var r2=document.getElementById("ruler2");
	var fl=document.getElementById("left");
	var fr=document.getElementById("right");
	
	//alert(prev_b.style.dispaly);

	if (tempY-80 < r1.offsetTop || tempY+20 > r2.offsetTop)
	{
		prev_b.style.display='none';
		next_b.style.display='none';
	} else {
		prev_b.style.top=tempY-17;
		prev_b.style.display='';
		
		next_b.style.top=tempY-17;
		next_b.style.display='';

	  if (pos==100 && tempX<fl.clientWidth && fl.clientWidth>100) {
		prev_b.style.left =  tempX-15;
		next_b.style.left = document.body.clientWidth-(fr.clientWidth/2)-15;
	  } else if (pos==1 && tempX>(document.body.clientWidth-fr.clientWidth) && tempX<(document.body.clientWidth-17) && fr.clientWidth>100) {
		prev_b.style.left = (fl.clientWidth/2)-15; // 17
		next_b.style.left = tempX-15;//  50;
	  } else {
		prev_b.style.left = (prev_b.clientWidth<40)?(fl.clientWidth/2)-15:3; // 17
		next_b.style.left = document.body.clientWidth-(fr.clientWidth/2)-15;
	  }
/*
		prev_b.style.left = (fl.clientWidth/2)-15; // 17
		next_b.style.left = document.body.clientWidth-(fr.clientWidth/2)-15;
*/
	}
}

function mOut() {
	document.getElementById("prev_button").style.display='none';
	document.getElementById("next_button").style.display='none';
}

function resize() {
	var frame=document.getElementById("page");
	frame.style.width=(document.body.clientWidth-150)+'px';
	frame.style.height=(document.body.clientHeight-240)+'px';
	//alert(frame.id);

	document.getElementById("b_prev").style.display='none';
	document.getElementById("b_next").style.display='none';

}