var dorthin = null;
var width = 0;
var height = 0;
function OpenWindow(imagesource,width,height) {
	if (window.screen) {
		var hori = screen.availWidth;
		var verti = screen.availHeight;
		image = window.open("image.php?source=" + imagesource,'image','width='+ width +',height='+ height +',left='+((hori - width- 10)* .5) +',top='+((verti - height- 30)* .5)+',scrollbars=0')
		image.focus()
	}
}

function OpenGalerie(folder,width,height,number) {
	if (window.screen) {
		var hori = screen.availWidth;
		var verti = screen.availHeight;
		galerie = window.open("galerie.php?folder=" + folder + "&number=" + number,'galerie','width='+ width +',height='+ height +',left='+((hori - width- 10)* .5) +',top='+((verti - height- 30)* .5)+',scrollbars=0')
		galerie.focus()
	}
}

function popupFenster(source,width,height) {
	if (window.screen) {
		var hori = screen.availWidth;
		var verti = screen.availHeight;
		popup = window.open(source,'popup','width='+ width +',height='+ height +',left='+((hori - width- 10)* .5) +',top='+((verti - height- 30)* .5)+',scrollbars=0')
		popup.focus()
	}
}
function openPlayer(playlist,width,height) {
	if (window.screen) {
		var hori = screen.availWidth;
		var verti = screen.availHeight;
		player = window.open('player.php?playlist='+playlist,'player','width='+ width +',height='+ height +',left='+((hori - width- 10)* .5) +',top='+((verti - height- 30)* .5)+',scrollbars=0')
		player.focus()
	}
}

// Popup mit Grauschleier erstellen
function popupjs(name){
	// Fenstergröße ermitteln
	var bodyHohe = document.viewport.getDimensions().height;
	var bodyBreite = document.viewport.getDimensions().width;
	// Popup mit Grauschleier erstellen, wenn noch nicht vorhanden
	if(!$(name+'_grauschleier')){
		new Insertion.Top(document.body,
			'<div style="width:'+bodyBreite+'px;height:'+bodyHohe+'px;" id="'+name+'_grauschleier" class="grauschleier">'
				+'<div class="popup" id="'+name+'_popup">'
					+'<span id="'+name+'_button-close" class="button-close">schlie&szlig;en</span>'
					+'<div>'
						+'<div id="'+name+'_popupinhalt" class="popupinhalt"></div>'
					+'</div>'
				+'</div>'
			+'</div>');
	}
	// Popup in dern Vordergrund
	var elements;
	if(document.all){
	  elements=document.all;
	}
	else if(document.getElementsByTagName && !document.all){
	  elements=document.getElementsByTagName("*");
	}
	var z_index = 0;
	var minheight = 0;
	for(i=0;i<elements.length;i++){
		if(elements[i].getAttribute("id") != null && elements[i].getAttribute("id") != ""){
			if(elements[i].style.zIndex > z_index){
				z_index = elements[i].style.zIndex;
			}
		}
	}
	$(name+'_grauschleier').style.zIndex = z_index+1;
	
	// Popup Schließen
	Event.observe(name+'_button-close', 'click', function(event){
		$(name+'_grauschleier').remove();
	});
	
	// Popup soll immer in der Seitenmitte sein und Grauschleier das komplette Fenster abdecken
	// Erstpositionierung
	grosseAnpassenPopup(name);
	// Nachpositionierung bei Änderung der Fenstergröße
	Event.observe(window, 'resize', function(event){grosseAnpassenPopup(name);});
}
function grosseAnpassenPopup(name){
	if($(name+'_popup') != null){
		var bodyHohe = document.viewport.getDimensions().height;
		var bodyBreite = document.viewport.getDimensions().width;
		if(((bodyHohe-($(name+'_popup').getDimensions().height))/2) > 20){
			$(name+'_grauschleier').style.width = bodyBreite+"px";
			$(name+'_grauschleier').style.height = bodyHohe+"px";
			$(name+'_popup').style.top = ((bodyHohe-($(name+'_popup').getDimensions().height))/2)+"px";
		}else{
			$(name+'_grauschleier').style.width = bodyBreite+"px";
			$(name+'_grauschleier').style.height = bodyHohe+"px";
			$(name+'_popup').style.top = "10px";
		}
		$(name+'_popup').style.left = ((bodyBreite-($(name+'_popup').getDimensions().width))/2)+"px";
		// Popup darf nicht größer als Fenster sein
		if($(name+'_popup').getDimensions().height > bodyHohe){
			$(name+'_grauschleier').style.height = (($(name+'_popup').getDimensions().height)+20)+"px";
		}
		// grauschleier muss Element mit größer höhe sein
		var elements;
		if(document.all){
		  elements=document.all;
		}
		else if(document.getElementsByTagName && !document.all){
		  elements=document.getElementsByTagName("*");
		}
		var minheight = "0px";
		for(i=0;i<elements.length;i++){
			if(elements[i].style.height != null && elements[i].style.height != ""){
				if(elements[i].style.height > minheight){
					minheight = elements[i].style.height;
				}
			}
		}
		$(name+'_grauschleier').style.height = minheight;
	}
}
//Popup mit Bild
function BildPopup(bild){
	// Popup mit Grauschleier erstellen
	var name = "Bildpopup";
	popupjs(name);
	// Popup füllen
	new Insertion.Top(name+'_popupinhalt', '<img src=\''+bild+'\' />');
	// Popup Nachpositionieren
	grosseAnpassenPopup(name);
}