// JavaScript Document
<!-- 
function pop_win(html){
   var win = window.open(html,"sculptWin","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=yes,resizable=yes,width=650,height=520");
   win.focus();
}

var http_request = false;
var xmlfile = '';
var shownow = 0;
var is_slide = false;
var timeint = 0;

function doRequest(url){

	http_request = false;
	xmlfile = url;
	
	if(window.XMLHttpRequest){
		http_request = new XMLHttpRequest();
		if(http_request.overrideMimeType){
			http_request.overrideMimeType('text/xml');
		}
	}else if(window.ActiveXObject){
		try{
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		}catch(e){
			try{
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			}catch(e){}
		}
	}
	
	if(!http_request){
		alert('ENDE Kann keine XMLHTTP-Instanz erzeugen');
		return false;
	}
	
	http_request.onreadystatechange = alertAlbum;
	http_request.open('GET', url, true);
	http_request.send(null);
}

function alertAlbum(){
	if(http_request.readyState == 4){
		if(http_request.status == 200){
			var d = document.getElementById('ausg');
			var xmldoc = http_request.responseXML;
			var root_node = xmldoc.getElementsByTagName('foto'); 
			var ausgabe ='';
			for(var i=0;i<root_node.length;i++){
				for(var j=0;j<root_node[i].childNodes.length;j++){
					var nodes = root_node[i].childNodes[j];
					
					switch(nodes.nodeName){
						case "id":
							imgI[i] = nodes.firstChild.nodeValue;
							break;
						case "name": 
							imgN[i] = nodes.firstChild.nodeValue;
							break;
						case "url":
							break;
						case "thumb":
							imgT[i] = nodes.firstChild.nodeValue;
							break;
						case "pagex":
							imgX[i] = nodes.firstChild.nodeValue;
							break;
						case "pagey":
							imgY[i] = nodes.firstChild.nodeValue;
							break;
					}
				}
			}
			write_albumOverview();
			write_seitenNavigation();
		}else{
			alert('Beim Request ist ein Fehler aufgetretten');
		}
	}
}

function wechsleSeite(turn){
	start = turn;
	write_seitenNavigation();
	write_albumOverview();
}

function write_seitenNavigation(){
	var sn = document.getElementById('seitennavigation');	
	var maxanzeigen = document.getElementById('sel_pro').value;
	var str = 0;
	var show = 0;

	if(maxanzeigen=='' || maxanzeigen>anzNodes || maxanzeigen==0 || !maxanzeigen) maxi = 24;
	else maxi = maxanzeigen;
	
	var seitenanzahl = anzNodes/maxi;
	var rest = parseInt(maxi)+parseInt(start);
	var counter = start+10;
	
	sn.innerHTML = '<div id="page'+i+'" onclick="wechsleSeite(0);" class="seitennavi">&lt;&lt;</div>';

	for(var i=0;i<=seitenanzahl;i++){
		str = i*maxi;
		show = i+1;
		
		if( ((str-2*maxi)<=(start)) && ((str+2*maxi)>=(start)) ){
			if(str==start){ sn.innerHTML+= '<div id="page'+i+'" onclick="wechsleSeite('+str+');" class="seitennavi_sel">'+show+'</div>';
			}else{ sn.innerHTML+= '<div id="page'+i+'" onclick="wechsleSeite('+str+');" class="seitennavi">'+show+'</div>'; }		
		}
	}
	str = anzNodes-maxi;
	sn.innerHTML+= '<div id="page'+i+'" onclick="wechsleSeite('+str+');" class="seitennavi">&gt;&gt;</div>';	
	
	if(parseInt(maxi)>16 && document.getElementById('seitennavigation_unten')){
		var sn2 = document.getElementById('seitennavigation_unten');
		sn2.innerHTML = '<div id="page'+i+'" onclick="wechsleSeite(0);" class="seitennavi">&lt;&lt;</div>';
		sn2.style.marginLeft = 250+'px';

		for(var i=0;i<=seitenanzahl;i++){
			str = i*maxi;
			show = i+1;
			
			if( ((str-4*maxi)<=(start)) && ((str+4*maxi)>=(start)) ){
				if(str==start){ sn2.innerHTML+= '<div id="page'+i+'" onclick="wechsleSeite('+str+');" class="seitennavi_sel">'+show+'</div>';
				}else{ sn2.innerHTML+= '<div id="page'+i+'" onclick="wechsleSeite('+str+');" class="seitennavi">'+show+'</div>'; }			
			}
		}
		str = anzNodes-maxi;
		sn2.innerHTML+= '<div id="page'+i+'" onclick="wechsleSeite('+str+');" class="seitennavi">&gt;&gt;</div>';	
	}
}

function write_albumOverview(){
 	var maxanzeigen = document.getElementById('sel_pro').value;
	
	var ausgabe = '';
	var maxi = 1;
	var scal = 0;
	var x = 0;
	var left = 0;
	var top = 0;
	var scal = 0;
	
	if(maxanzeigen=='' || maxanzeigen>anzNodes || maxanzeigen==0 || !maxanzeigen) maxi = 24;
	else maxi = maxanzeigen;
		
	if(start=='') start=0;

	var rest = parseInt(maxi)+parseInt(start);

	for(var j=0;j<anzNodes;j++){
		if(j>=start && j<rest){
			if(imgX[j]<=imgY[j]){
				scal = imgY[j]/75;
				x = parseInt(imgX[j]/scal);
				left = ((100-x)/2)+14;
			
				ausgabe+='<div class="bildhalter" onclick="location.href = \'gal.php?foto='+imgI[j]+'\&start='+start+'\&max='+maxi+'\'" title="'+imgN[j]+'">';
				ausgabe+='<div class="bildrahmen"><img class="overviewPic" src="'+imgT[j]+'" width="'+x+'" border="0" style="margin-left:'+left+'px;"></div>';
				ausgabe+='<span class="picMiniText" style="float:left;width:55px;margin-left:14px;">Nr. '+imgI[j]+'</span><span class="picMiniText" style="text-align:right;width:50px;">Views:'+imgV[j]+'</span>';
				ausgabe+='</div>';
			}else if((imgX[j]/imgY[j])>1.4){
				scal = (100/imgX[j])*imgY[j];
				top = scal*0.25;
				ausgabe+='<div class="bildhalter" onclick="location.href = \'gal.php?foto='+imgI[j]+'\&start='+start+'\&max='+maxi+'\'" title="'+imgN[j]+'">';
				ausgabe+='<div class="bildrahmen"><img class="overviewPic" src="'+imgT[j]+'" width="100" border="0" style="margin-top:'+top+'px;"></div>';
				ausgabe+='<span style="float:left;width:55px;margin-left:14px;" class="picMiniText">Nr. '+imgI[j]+'</span><span class="picMiniText" style="text-align:right;width:50px;">Views:'+imgV[j]+'</span>';
				ausgabe+='</div>';
			}else{
				ausgabe+='<div class="bildhalter" onclick="location.href = \'gal.php?foto='+imgI[j]+'\&start='+start+'\&max='+maxi+'\'" title="'+imgN[j]+'">';		
				ausgabe+='<div class="bildrahmen"><img class="overviewPic" src="'+imgT[j]+'" width="100" border="0" style=""></div>';
				ausgabe+='<span class="picMiniText" style="float:left;width:55px;margin-left:14px;">Nr. '+imgI[j]+'</span><span class="picMiniText" style="text-align:right;width:50px;">Views:'+imgV[j]+'</span>';
				ausgabe+='</div>';
			}
		}else{
			//ausgabe+=j;	
		}
	}
	
	document.getElementById('ausg').innerHTML = ausgabe;
}

function doRequestPic(url){

	http_request = false;
	xmlfile = url;
	
	if(window.XMLHttpRequest){
		http_request = new XMLHttpRequest();
		if(http_request.overrideMimeType){
			http_request.overrideMimeType('text/xml');
		}
	}else if(window.ActiveXObject){
		try{
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		}catch(e){
			try{
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			}catch(e){}
		}
	}
	
	if(!http_request){
		alert('ENDE Kann keine XMLHTTP-Instanz erzeugen');
		return false;
	}
	
	http_request.onreadystatechange = alertInhalt;
	http_request.open('GET', url, true);
	http_request.send(null);
}

function alertInhalt(){
	if(http_request.readyState == 4){
		if(http_request.status == 200){
			var d = document.getElementById('ausg');
			var xmldoc = http_request.responseXML;
			var root_node = xmldoc.getElementsByTagName('foto'); 
			var ausgabe ='';

			for(var i=0;i<root_node.length;i++){
				for(var j=0;j<root_node[i].childNodes.length;j++){
					var nodes = root_node[i].childNodes[j];
					
					switch(nodes.nodeName){
						case "name":
							imgN[i] = nodes.firstChild.nodeValue;
							break;
						case "url":
							imgF[i] = nodes.firstChild.nodeValue;
							break;
						case "thumb":
							imgT[i] = nodes.firstChild.nodeValue;
							break;
						case "id":
							imgI[i] = nodes.firstChild.nodeValue;
							break;
						case "pagex":
							imgX[i] = nodes.firstChild.nodeValue;
							break;
						case "pagey":
							imgY[i] = nodes.firstChild.nodeValue;
							
					}
				}
			}
			write_first_pic();
			write_navigation();
		}else{
			alert('Beim Request ist ein Fehler aufgetretten');
		}
	}
}

function write_first_pic(){
	for(var j=0;j<anzNodes;j++){
		if(first==imgI[j]){
			showpic(j);
		}
	}
}

function write_navigation(){
	var nav = document.getElementById('navigation');
	var ausgabe = '';
	var scal = 0;
	var x = 0;
	var y = 0;
	
	for(var j=0;j<anzNodes;j++){
		if(j<shownow && j>=0 && j>=(shownow-3)){
			scal = imgY[j]/38;
			x = parseInt(imgX[j]/scal);
			
			if(imgX[j]<=imgY[j]){
				ausgabe+='<div id="'+j+'" onclick="showpic('+j+');" class="bildrahmenMini" style="float:left;"><img class="overviewPicMini" src="'+imgT[j]+'" width="'+x+'" height="38" border="0" alt="'+imgN[j]+'"></div>';
			}else{
				ausgabe+='<div id="'+j+'" onclick="showpic('+j+');" class="bildrahmenMini" style="float:left;"><img class="overviewPicMini" src="'+imgT[j]+'" width="50" height="38" border="0" alt="'+imgN[j]+'"></div>';
			}
			
		}else if(j==shownow){
			scal = imgY[j]/75;
			x = parseInt(imgX[j]/scal);
			
			if(imgX[j]<=imgY[j]){
				ausgabe+='<div id="'+j+'" onclick="showpic('+j+');" class="bildrahmen" style="float:left;"><img class="overviewPic" src="'+imgT[j]+'" width="'+x+'" height="75" border="0" alt="'+imgN[j]+'" style="margin-left:0px;"></div>';
			}else{
				ausgabe+='<div id="'+j+'" onclick="showpic('+j+');" class="bildrahmen" style="float:left;"><img class="overviewPic" src="'+imgT[j]+'" width="100" height="75" border="0" alt="'+imgN[j]+'" style="margin-left:0px;"></div>';
			}
			
		}else if(j>shownow && j<=(shownow+3)){
			scal = imgY[j]/38;
			x = parseInt(imgX[j]/scal);
			
			if(imgX[j]<=imgY[j]){
				ausgabe+='<div id="'+j+'" onclick="showpic('+j+');" class="bildrahmenMini" style="float:left;"><img class="overviewPicMini" src="'+imgT[j]+'" width="'+x+'" height="38" border="0" alt="'+imgN[j]+'"></div>';
			}else{
				ausgabe+='<div id="'+j+'" onclick="showpic('+j+');" class="bildrahmenMini" style="float:left;"><img class="overviewPicMini" src="'+imgT[j]+'" width="50" height="38" border="0" alt="'+imgN[j]+'"></div>';
			}
		}
	}	
	nav.innerHTML = ausgabe;
}

function showthumb(pic,div_id){
	var ausgabe = '';
	var scal = 0;
	var x = 0;
	var y = 0;
	var top = 0;
	var left = 0;

	for(var i=0;i<anzNodes;i++){
		ausgabe+=imgY[i]+' '+imgX[i]+' '+i+'<br>';
		if(imgI[i]==parseInt(pic)){ var j = i; alert("drin: "+i); }	
	}
	if(!j) var j=1;
/*	alert(imgI[23]);

	if(imgX[j]<=imgY[j]){
		scal = imgY[j]/75;
		x = parseInt(imgX[j]/scal);
		left = ((100-x)/2)+14;
	
		ausgabe+='<div class="bildhalter" onclick="location.href = \'gal.php?foto='+imgI[j]+'\'" title="'+imgN[j]+'">';
		ausgabe+='<div class="bildrahmen"><img class="overviewPic" src="'+imgT[j]+'" width="'+x+'" border="0" style="margin-left:'+left+'px;"></div>';
		ausgabe+='<span class="picMiniText" style="float:left;width:55px;margin-left:14px;">Nr. '+imgI[j]+'</span><span class="picMiniText" style="text-align:right;width:50px;">Views:'+imgV[j]+'</span>';
		ausgabe+='</div>';
	}else if((imgX[j]/imgY[j])>1.4){
		scal = (100/imgX[j])*imgY[j];
		top = scal*0.25;
		ausgabe+='<div class="bildhalter" onclick="location.href = \'gal.php?foto='+imgI[j]+'\'" title="'+imgN[j]+'">';
		ausgabe+='<div class="bildrahmen"><img class="overviewPic" src="'+imgT[j]+'" width="100" border="0" style="margin-top:'+top+'px;"></div>';
		ausgabe+='<span style="float:left;width:55px;margin-left:14px;" class="picMiniText">Nr. '+imgI[j]+'</span><span class="picMiniText" style="text-align:right;width:50px;">Views:'+imgV[j]+'</span>';
		ausgabe+='</div>';
	}else{
		ausgabe+='<div class="bildhalter" onclick="location.href = \'gal.php?foto='+imgI[j]+'\'" title="'+imgN[j]+'">';		
		ausgabe+='<div class="bildrahmen"><img class="overviewPic" src="'+imgT[j]+'" width="100" border="0" style=""></div>';
		ausgabe+='<span class="picMiniText" style="float:left;width:55px;margin-left:14px;">Nr. '+imgI[j]+'</span><span class="picMiniText" style="text-align:right;width:50px;">Views:'+imgV[j]+'</span>';
		ausgabe+='</div>';
	} */

	document.getElementById(div_id).innerHTML = ausgabe;
}

function showpic(pic){
	var now = document.getElementById('hauptBild');
	var d = document.getElementById(pic);
	var f  = document.getElementById('hiddenframe');
	var t  = document.getElementById('shownumber');
	//document.getElementById('send_pic_per_mail').href = '../../misc/send_pic.php?foto='+imgI[pic];
	
	var scal = 0;
	var top = 0;
	
	now.src = "";
	
	if(imgX[pic]<=imgY[pic]){
		var scal = imgY[pic]/420;
		now.style.width = parseInt(imgX[pic]/scal)+"px";
		now.style.height = "420px";
		now.style.marginTop = "26px";
	}else if((imgX[pic]/imgY[pic])>1.4){
		//if(imgY[pic]>420){ 
		//	imgY[pic]=420; //<- konstrukt für 1:1.5 formate die mehr als 420px in der Höhe sind
		//	if(imgX[pic]>560){	top = (scal*0.0635)+26; }else{ top = (scal*0.0635)+26; }
		//}else{ 
		//	scal = (560/imgX[pic])*imgY[pic];
		//	if(imgX[pic]>560){	top = (scal*0.0635); }else{ top = (scal*0.0635)+26; }
		//}
	
		top = (((imgY[pic]/imgX[pic])*560)-420)*-1;
		
		now.style.height = (imgY[pic]/imgX[pic])*560+"px";
		now.style.marginTop = top+"px";
		now.style.width = "560px";
	}else{
		now.style.width = "560px";
		now.style.height = "420px";
		now.style.marginTop = "26px";
	}
	now.src = imgF[pic];
	if(now.complete==false){
		now.src = imgT[pic];	
	}
	
	
	now.src = imgF[pic];
	
	//now.src = imgF[pic];
	f.src = "./../../misc/func.php?imgid="+imgI[pic];
	shownow = pic;
	t.innerHTML = 'Nr. '+imgI[pic]+' | Bild: '+pic+'/'+(anzNodes-1);
	
	//document.getElementById('facebook_link_img').innerHTML = '<link id="facebook_link_img" rel="image_src" href="http://www.partycardberln.de/partypics/alben/'+imgF[pic]+'" />';
	
	//document.write('<link id="facebook_link_img" rel="image_src" href="http://www.partycardberln.de/partypics/alben/'+imgF[pic]+'" />');
	
	write_navigation();
}

function shownext(){
	if(shownow==(anzNodes-1)){
		shownow = 0;
		showpic(shownow);
	}else{
		shownow++;
		showpic(shownow);
	}	
}

function showprev(){
	if(shownow==0){
		shownow = anzNodes-1;
		showpic(shownow);
	}else{
		shownow--;
		showpic(shownow);
	}	
}

function gonext(){
	if(is_slide==true){
	if(shownow==(anzNodes-1)){
		shownow = 0;
		showpic(shownow);
	}else{
		shownow++;
		showpic(shownow);
	}	
		timeint = setTimeout('gonext();',document.getElementById('slidetime').value);
	}
}

function startslide(){
	if(is_slide==false){
		is_slide=true;
		
		document.getElementById('startslide').innerHTML = '[Diashow anhalten]';
		document.getElementById('startslide').title = '[Diashow anhalten]';
		document.getElementById('startslide').color = '#ff0000';
		gonext();
	}else{

		clearTimeout(timeint);
		document.getElementById('startslide').innerHTML = '[Diashow starten]';
		document.getElementById('startslide').title = '[Diashow starten]';
		document.getElementById('startslide').color = '#232363';
	}	
}

-->