function position(event, id){
	var browser=navigator.appName
	if(browser == "Microsoft Internet Explorer"){
		var x = event.clientX + document.body.scrollLeft;
		var y = event.clientY + document.body.scrollTop;
	}else{
		var x = event.pageX;
		var y = event.pageY;
	}
	big = 'img_'+id+'_big';
	positionBig(big, x, y);
}

function smoothImage(small, smooth){
	document.getElementById(small).style.visibility = 'hidden';
	document.getElementById(smooth).style.visibility = 'visible';
	pos = findPos(document.getElementById(small));
	document.getElementById(smooth).style.left = pos[0] + 'px';
	document.getElementById(smooth).style.top = pos[1] + 'px';
}

function positionBig(big, x, y){
	
	document.getElementById(big).style.visibility = 'visible';
	document.getElementById(big).style.left = x-400+'px';
	document.getElementById(big).style.top = y-90+'px';
}

function resetImage(id){
	smooth = 'img_'+id+'_smooth';
	small = 'img_'+id+'_small';
	big = 'img_'+id+'_big';
	
	document.getElementById(small).style.visibility = 'visible';
	document.getElementById(smooth).style.visibility = 'hidden';
	document.getElementById(big).style.visibility = 'hidden';
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}
