$(document).ready(function(){

	var num = 0;
	var bigimage = $("#panview_"+num);
	var browserpan = $("#browserpan_"+num);
	var panview = $("#panview_"+num+" img");
	if(!panview.size() || !browserpan.size() || !bigimage.size()) return;
	var scaley = Math.round(panview.height() / browserpan.height());
	var scalex = Math.round(panview.width() / browserpan.width());
	var sctop = (panview.height() - bigimage.height()) / 2;
	var scleft = (panview.width() - bigimage.width()) / 2;
	bigimage.get(0).scrollTop = sctop;
	bigimage.get(0).scrollLeft = scleft;
//	alert(panview.height())
//	alert(sctop )
	browserpan.hover(function(){
		$(this).mousemove(function(e){
			mouse = new MouseEvent(e);
			var offset = browserpan.offset();
			bigimage.get(0).scrollTop = (mouse.y - offset.top) * scaley;
			bigimage.get(0).scrollLeft = (mouse.x - offset.left) * scalex;
		});
	},function(){$(this).unbind("mousemove");});
	
	//obj.style.display = "none";
	
	function MouseEvent(e)
	{
		this.e = e ? e : window.event; 
		this.source = e.target ? e.target : e.srcElement;
		this.x = this.e.pageX ? this.e.pageX : this.e.clientX;
		this.y = this.e.pageY ? this.e.pageY : this.e.clientY;
		if(window.event) {
//			this.x = (document.body.scrollLeft) ? this.x + document.body.scrollLeft : this.x;
//			this.y = (document.body.scrollTop) ? this.y + document.body.scrollTop : this.y;
		}
	}	
})