// Popup für Iframe

var PopupY = 20;
var popupTitleHeight = 24+8;
var popupBorderWidth = 2;

var popupDivName = 'popUpDivIframe';

// Pfad zum Plugin
var popupPluginSrc = 'iframe/';


var popupWidth = 1;
var popupHeight = 1;


// Flash-Variablen
var popupIframe ;
var popupIframeTitle ;



//#### Regular Expressions library.
var oRegex = new Object() ;
oRegex.RegNumber = /^[0-9\.]+$/ ;
oRegex.RegHex = /^[0-9A-Fa-f]+$/ ;


// Popup HTML einfügen
function popupHtml() {	
	
	windowname = popupDivName;	
		
	// blanket für Hintergrund
	if (!document.getElementById('popUpBlanket')) {
		var objBlanket = document.createElement("div");
			objBlanket.id = 'popUpBlanket';	
			objBlanket.style.display = 'none';
			appendBodyTag(objBlanket) 
	}
	
	// Container popupContent
	var obj = document.getElementById(windowname);	
		
	// Container windowname einfügen
	if (!obj) {
		var objWindowname = document.createElement("div");
			objWindowname.id = windowname;	
			objWindowname.style.display = 'none';
			appendBodyTag(objWindowname);
			obj = document.getElementById(windowname);
	}


	// Title
	if (!document.getElementById('popUpTitleContainer')) {
		
		// Container
		var objDivTitle = document.createElement("div");
			objDivTitle.id = "popUpTitleContainer";
			objDivTitle.style.display = 'none';
			obj.appendChild(objDivTitle);

		// Rahmen
		var objTitleBorder = document.createElement("div");
			objTitleBorder.id = 'popupTitleBorder';	
			objDivTitle.appendChild(objTitleBorder);
		
		
		// Title
		if ( popupIframeTitle != undefined && popupIframeTitle != '' )
		{			
			if (!document.getElementById('popUpTitle')) {
				var objTitle = document.createElement("p");
					objTitle.id = "popUpTitle";
					objTitleBorder.appendChild(objTitle);
			}
			else
				var objTitle = document.getElementById('popUpTitle');
			
			objTitle.innerHTML = popupIframeTitle;
			objTitle.style.width = popupWidth-50+'px';
		}
		else
		{	
			if (document.getElementById('popUpTitle')) {
				objContentBorder.removeChild(document.getElementById("popUpTitle"));
			}
		}
	
		// Close
		var objPImgclose = document.createElement("p");
			objPImgclose.id = "popUpTitleImg";
			objTitleBorder.appendChild(objPImgclose);
	
		var objImgclose = document.createElement("img");
			objImgclose.src = popupPluginSrc+"img/popupdivclose.gif";
			objImgclose.onclick = function() { popupClose(); return false; } ;
			objPImgclose.appendChild(objImgclose);
	
		// Clear
		var objDivClear = document.createElement("div");
			objDivClear.style.clear = 'both';
			objTitleBorder.appendChild(objDivClear);
	}
	else
		var objDivTitle = document.getElementById('popUpTitleContainer');
		

		
	// alten Container "popupContent" eventuell löschen
	if (document.getElementById('popupContent')) {
		obj.removeChild(document.getElementById("popupContent"));
	}

	// neuen Container "popupContent" erzeugen
	var objContent = document.createElement("div");
		objContent.id = 'popupContent';	
		obj.appendChild(objContent);

	// Rahmen
	var objContentBorder = document.createElement("div");
		objContentBorder.id = 'popupContentBorder';	
		objContent.appendChild(objContentBorder);

	// Iframe erzeugen
	var objIframe = document.createElement("iframe");
		objIframe.id = 'popupIframe';
		objIframe.name = 'popupIframe';
		objIframe.frameBorder = 0;
		objIframe.scrolling = "no";
		objIframe.border = 0;
		objIframe.marginHeight = "0";
		objIframe.marginWidth = "0";
		objIframe.src = popupIframe;
					
		objIframe.width = popupWidth+"px";
		objIframe.height = popupHeight+"px";

		objContentBorder.appendChild(objIframe);
	
	document.getElementById('popUpBlanket').style.display = 'block';
	document.getElementById(windowname).style.display = 'block';
	document.getElementById('popUpTitleContainer').style.display = 'block';
}

// HTML in Body
function appendBodyTag(el) {	
		
  if (document.body.firstChild)
    document.body.insertBefore(el, document.body.firstChild);
  else
    document.body.appendChild(el);
}

// Popup löschen
function popupClose() {	
	
	windowname = popupDivName;

	document.getElementById('popUpBlanket').style.display = 'none';
	document.getElementById('popUpBlanket').style.width = '1px' ;
	document.getElementById('popUpBlanket').style.height = '1px' ;

	document.getElementById(windowname).style.display = 'none';
	document.getElementById('popUpTitleContainer').style.display = 'none';
	
	document.getElementById(windowname).style.width = '1px' ;
	document.getElementById(windowname).style.height = '1px' ;
	
	// Content löschen				
	if (document.getElementById(windowname)) {
		document.body.removeChild(document.getElementById(windowname));
	}

}



// wechsel automatisch
function toggle(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' ) 
	{	
		el.style.display = 'block';
	}
	else 
	{
		el.style.display = 'none';
	}
}

// Blanket Position setzen
function blanket_size(popUpDivVar) {
		
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('popUpBlanket');
	blanket.style.height = blanket_height + 'px';
	blanket.style.width = '100%';
	
	var popUpDiv = document.getElementById(popUpDivVar);
	popUpDiv_height=blanket_height/2-popupHeight/2;
	popUpDiv.style.top = popUpDiv_height + 'px';
}

// Popup Position setzen
function window_pos(popUpDivVar) {
	
	// Rahmen hinzufügen
	popupWidth = popupWidth+popupBorderWidth*2;
	popupHeight = popupHeight+popupTitleHeight+popupBorderWidth*2;
	
	// Horizontale Position in der Mitte
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	
	var popUpDiv = document.getElementById(popUpDivVar);
	
	window_width = window_width/2-popupWidth/2;
	popUpDiv.style.left = window_width + 'px';
	
	// Vetikal ausrichten
	theTop = placeIt(popUpDivVar);
	popUpDiv.style.top = theTop + 'px' ;

	// Breite und Hoehe
	popUpDiv.style.width = popupWidth  + 'px' ;
	popUpDiv.style.height = popupHeight + 'px' ;
	
	//setTimeout("newpos('popUpDiv')",300);
}

// Position berechnen (auch horizontal, nicht verwendet)
function placeIt(popUpDivVar)
{
	obj = document.getElementById(popUpDivVar);
	if (document.documentElement)
	{
		// theLeft = document.documentElement.scrollLeft;
		theTop = document.documentElement.scrollTop;
	}
	else if (document.body)
	{
		// theLeft = document.body.scrollLeft;
		theTop = document.body.scrollTop;
	}
	
	// theLeft += x;
	theTop += PopupY;
	
	return theTop;	
}



// Neu positioniren beim Scrollen
function newpos(windowname) {
	blanket_size(windowname);
	window_pos(windowname);
}

//window.onscroll = setTimeout("newpos('popUpDiv')",300);