function getData(datasource, divID, data)
{
	var xmlhttp = false;
	
	if (window.XMLHttpRequest) {
		xmlhttp = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		xmlhttp = new ActiveXObject ("Microsoft.XMLHTTP");
	}

	if (xmlhttp) {
		var obj = document.getElementById(divID);
		xmlhttp.open("POST", datasource);
		xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	
		xmlhttp.onreadystatechange = function()
		{
			if ((xmlhttp.readyState == 4) && (!xmlhttp.status || xmlhttp.status==200)) {
				obj.innerHTML = xmlhttp.responseText;
			}
		}

		xmlhttp.send("action=" + data);
	}
}

function showzoom(id,title,targetlink){
	var obj = document.getElementById('overlay_piece');

	if (window.ActiveXObject) {
		var obj2 = document.getElementById('product_'+id);
		var obj3 = obj2.getBoundingClientRect();
		obj.style.left = obj3.left - 25;
		obj.style.top = obj3.top - 10 + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	} else 	if (window.XMLHttpRequest) {
		var obj2 = document.getElementById('product_'+id);
		obj.style.left = (obj2.offsetLeft-24)+"px";
		obj.style.top = (obj2.offsetTop-9)+"px";
	}  
	
	obj.style.visibility = 'visible';
	obj.innerHTML='<div style="background-color:#fff;"><div style="padding:2px;border:2px solid #d7d7d7;width:220px;height:220px;"><a onmouseout="hidezoom()" href="'+targetlink+'"><img src="'+title+'" width="220" height="220"/></a></div></div>';
	
}
function hidezoom(){
	var obj = document.getElementById('overlay_piece');
	obj.style.visibility='hidden'
}