function showPopIn(action,reaction) {
	if(document.getElementById(action).offsetParent.offsetLeft == 0){
		var elem1X = document.getElementById(action).offsetLeft;
		var elem1Y = document.getElementById(action).offsetTop;
	}
	else{
		var elem1X = document.getElementById(action).offsetParent.offsetParent.offsetParent.offsetParent.offsetLeft + 
					 document.getElementById(action).offsetParent.offsetParent.offsetParent.offsetLeft +
					 document.getElementById(action).offsetParent.offsetParent.offsetLeft +
					 document.getElementById(action).offsetParent.offsetLeft +
					 document.getElementById(action).offsetLeft;
		var elem1Y = document.getElementById(action).offsetParent.offsetParent.offsetParent.offsetParent.offsetTop + 
					 document.getElementById(action).offsetParent.offsetParent.offsetParent.offsetTop +
					 document.getElementById(action).offsetParent.offsetParent.offsetTop +
					 document.getElementById(action).offsetParent.offsetTop +
					 document.getElementById(action).offsetTop;
	}
	
	var elem1W = document.getElementById(action).offsetWidth;
	var elem1H = document.getElementById(action).offsetHeight;
	var elem2W = document.getElementById(reaction).offsetWidth;

	var posLeft = elem1X-elem2W/2-elem1W/2;
	var posTop = elem1Y+elem1H+3;
	
	document.getElementById(reaction).style.left = posLeft+"px";
	document.getElementById(reaction).style.top = posTop+"px";
	document.getElementById(reaction).style.display = "block";
}

function hidePopIn(reaction) {
	document.getElementById(reaction).style.display = "none";
}

varianten = [];
function setOption(id) {
	
	var options = document.getElementById("article_options");
	var childs = options['childNodes'];
	
	for(i=0; i<childs.length; i++) {
		
		//selectfeld innerhalb des divs ermitteln (es gibt nur eins)
		if (childs[i]['tagName'] == "SELECT") {
			var select_id = childs[i]['id'];
			document.getElementById(select_id).value = id;
			document.getElementById(select_id).onchange();
			
			dochangeoption();
		}
	}
}

function dochangeoption() {
	
	//lightbox neu initialisieren und thumbnails wieder herstellen
	updateLightboxBySelect();
	document.getElementById("prod_thumbnails").innerHTML = variantenDiv;
}

function dochangeoption2(id, obj) {
	
	//lightbox entfernen
	var node_overlay = document.getElementById("overlay");
	node_overlay.parentNode.removeChild(node_overlay);
	var node_lightbox = document.getElementById("lightbox");
	node_lightbox.parentNode.removeChild(node_lightbox);
	
	//lightbox wieder initialisieren
	initLightbox();
	
	document.getElementById("prod_thumbnails").innerHTML = variantenDiv;
}

function updateLightboxBySelect(id, obj) {
	
	//lightbox entfernen
	var node_overlay = document.getElementById("overlay");
	node_overlay.parentNode.removeChild(node_overlay);
	var node_lightbox = document.getElementById("lightbox");
	node_lightbox.parentNode.removeChild(node_lightbox);
	
	//lightbox wieder initialisieren
	initLightbox();
}