var currentImage = 0;

function getXMLHttp() {
	var xmlHttp

	try {
		xmlHttp = new XMLHttpRequest();
	} catch(e) {
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
				} catch(e) {
					return false;
				}
			}
		}
	return xmlHttp;
}

function changeImage(item, item2) {
	var xmlHttp = getXMLHttp();
	
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			displayImage(xmlHttp.responseText, item2);
		}
	}
		
	xmlHttp.open("GET", "changeImage.php?val=" + item + "&val2=" + item2, true);
	xmlHttp.send(null);
}

function displayImage(response, id) {
	document.getElementById('itemImage').src = "showroom/big/" + response;
}

function loadInfo(item, item2) {
	var xmlHttp = getXMLHttp();
	
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			displayInfo(xmlHttp.responseText, item2);
		}
	}
	xmlHttp.open("GET", "previewInfo.php?val=" + item + "&val2=" + item2, true);
	xmlHttp.send(null);
}

function displayInfo(response, id) {
	if (id == 0) {
		document.getElementById('previewInfo1').innerHTML = response;
	} else {
		document.getElementById('previewInfo2').innerHTML = response;
	}
}


function openPreview(id, mode, artnr, group) {	
	if (mode == 0) {
		document.getElementById(id).style.visibility = 'hidden';
		document.getElementById('itemImage').src = "imgs/blank.gif";
		document.getElementById('previewInfo1').innerHTML = '';
		document.getElementById('previewInfo2').innerHTML = '';
	} else {
		tmpXY = getXY(document.getElementById(artnr));
		document.getElementById('currentPreview1').value = artnr;
		document.getElementById('currentPreview2').value = 0;
		document.getElementById('previewHref').href = "index.php?id=" + group + "&pid=" + artnr;
		
		changeImage(artnr, 1);
		loadInfo(artnr, 1);
		loadInfo(artnr, 0);
		
		document.getElementById(id).style.top = tmpXY.y-47 + "px";
		document.getElementById(id).style.left = tmpXY.x-74 + "px";
		
		document.getElementById(id).style.visibility = 'visible';
	}
}

function getXY(el){
	for (var lx=0,ly=0;el!=null;
		lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
	return {x:lx,y:ly}
}

function showInfoB(item, val) {
	if (val == 1) {
		document.getElementById(item).style.visibility = 'visible';
		document.getElementById(item).style.display = 'block';
	} else {
		document.getElementById(item).style.visibility = 'hidden';
		document.getElementById(item).style.display = 'none';
	}
}