galBorder = 20;

function showImagePopup(imgsrc, width, height, text){
	width += galBorder;
	height += galBorder+20;
	document.getElementById("grau").innerHTML = "<div id='galerieContainer' style='width:"+width+"px; position:relative; cursor:pointer;' onclick='closeImagePopup();'><img src='/images/siteelements/icon_close.jpg' style='position:absolute; right:0px; top:0px; cursor:pointer; border:2px solid white;' onclick='closeImagePopup();' /><img id='galerieImage' src='"+imgsrc+"' border='0'/><div style='text-align:left; padding-left:"+(galBorder / 2)+"px; padding-bottom:"+(galBorder / 2)+"px;'>"+text+"</div></div>";
	document.getElementById("grau").style.display = "block";
}

function showRefImagePopup(imgsrc, width, bauwerk, baujahr, kontakt){
	width += galBorder;
	document.getElementById("grau2").innerHTML = "<div id='galerieContainer' style='position:relative; cursor:pointer; width:"+width+"px; padding-bottom:"+(galBorder / 2)+"px;'onclick='closeRefImagePopup();'><img src='/images/siteelements/icon_close.jpg' style='position:absolute; right:0px; top:0px; cursor:pointer; border:2px solid white;' onclick='closeRefImagePopup();' /><img id='galerieImage' src='"+imgsrc+"' border='0'/><div style='text-align:left; padding-left:"+(galBorder / 2)+"px;'><table><tr><td valign='top'><b>Bauwerk</b><br />"+bauwerk+"</td><td valign='top' align='center' width='150'><b>Baujahr</b><br />"+baujahr+"</td><td valign='top'><b>Kontakt</b><br />"+kontakt+"</td></tr></table></div></div>";
	document.getElementById("grau2").style.display = "block";
}

function showTextPopup(imgsrc, width, headline, text){
	width += galBorder;
	//height += galBorder+20;
	document.getElementById("grau").innerHTML = "<div id='galerieContainer' style='width:"+width+"px; position:relative;'><img src='/images/siteelements/icon_close.jpg' style='position:absolute; right:10px; top:10px; cursor:pointer;' onclick='closeImagePopup();' /><h1 style='text-align:left; padding-top:10px; margin-bottom:0; padding-left:"+(galBorder / 2)+"px; padding-right:"+(galBorder / 2)+"px; margin-top:"+(galBorder / 2)+"px;'>"+headline+"</h1><img id='galerieImage' src='"+imgsrc+"' border='0' style='padding-top:3px;' /><div style='text-align:left; padding-bottom:"+(galBorder / 2)+"px; padding-left:"+(galBorder / 2)+"px; padding-right:"+(galBorder / 2)+"px;'>"+text+"</div></div>";
	document.getElementById("grau").style.display = "block";
}

function showTextPopupHome(imgsrc, width, bauwerk, baujahr, kontakt){
	width += galBorder;
	//height += galBorder+20;
	document.getElementById("grau").innerHTML = "<div id='galerieContainer' style='width:"+width+"px; position:relative;'><img src='/images/siteelements/icon_close.jpg' style='position:absolute; right:0px; top:0px; cursor:pointer; border:2px solid white;' onclick='closeImagePopup();' /><img id='galerieImage' src='"+imgsrc+"' border='0' style='padding-top:3px;' /><div style='text-align:left; padding-bottom:"+(galBorder / 2)+"px; padding-left:"+(galBorder / 2)+"px; padding-right:"+(galBorder / 2)+"px;'><table><tr><td valign='top'><b>Bauwerk</b><br />"+bauwerk+"</td><td valign='top' align='center' width='150'><b>Baujahr</b><br />"+baujahr+"</td><td valign='top'><b>Kontakt</b><br />"+kontakt+"</td></tr></table><a href='/referenzen'>Zu den Referenzen</a></div></div>";
	document.getElementById("grau").style.display = "block";
}


function showRefPopup(refname){
	document.getElementById("grau").innerHTML = "<div id='galerieContainer' style='width:650px; height:585px; text-align:left; position:relative;'><img src='/images/siteelements/icon_close.jpg' style='position:absolute; right:10px; top:10px; cursor:pointer;' onclick='closeImagePopup();' />"+document.getElementById(refname).innerHTML+"</div>";
	document.getElementById("grau").style.display = "block";
	document.getElementById(refname+"scroll").scrollTop = 0;
}

function closeImagePopup(){
	document.getElementById("grau").style.display = "none";
}

function closeRefImagePopup(){
	document.getElementById("grau2").style.display = "none";
}