// JavaScript Document
 var http_request = false;
 var flipImageAnimationStopped=true;	
 var imageFlipped="none";
 var loggedIn = false;
 contactAnimation=false;
 

 
 
 function init(){
	 
	startFacebook();
 	makeRequest("edit2.php","?aktie=xml");
	document.getElementById("terugNaarFotosDiv").onclick=hideInfoContact;
 
 }
 
 function startFacebook(){
 
  FB.init({ 
            appId:'220369838027744', cookie:true, 
            status:true, xfbml:true 
         });
         
 }
 function postFacebook(){
	 var currentImageid=this.parentNode.parentNode.imgid;
	 //alert(document.getElementById('infoDivTitleTextArea').value);
	 FB.ui({ method: 'feed', 
			picture: currentImageid, 
			caption: document.getElementById('infoDivTitleTextArea').value,
			description: document.getElementById('infodivDescriptionTextArea').value,
			link: 'http://www.mathieuvanek.nl/' });
	 
 }
 function postTwitter(){
	 var currentImageid=this.parentNode.parentNode.imgid;
	 //alert(document.getElementById('infoDivTitleTextArea').value);
twitterLink="https://twitter.com/share?url="+encodeURI(currentImageid)+"&text="+document.getElementById('infoDivTitleTextArea').value+", "+document.getElementById('infodivDescriptionTextArea').value;
	 
	 window.open(twitterLink,'Tweet','width=550,height=450')
	
 }
 
 
 function makeRequest(url, parameters, currentImageid) {
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/xml');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
      http_request.onreadystatechange = function(){alertContents(parameters,currentImageid)};
      http_request.open('GET', url + parameters, true);
      http_request.send(null);
   }

   function alertContents(parameters, currentImageid) {
	  // alert(parameters.substring(0, 14));
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
			 responseXML=http_request.responseXML;
			 if(parameters=="?aktie=xml"){
			createSite(responseXML);
			 }
			if(parameters=="?aktie=login"){
			checkLogin(responseXML);
			 }	  
			 if(parameters.substring(0, 15)=="?aktie=moveLeft"){
			moveLeft(responseXML,currentImageid);
			 }
			 if(parameters.substring(0, 16)=="?aktie=moveRight"){
			moveRight(responseXML,currentImageid);
			 }
			 	   
       	} else {
        	alert('There was a problem with the request.');
        }
     }
  }
   
   function imgDivMouseOver(object){
	  // alert(object.id);
	 if (flipImageAnimationStopped&&(imageFlipped=="none")){
		 
		// currentImgDivId=object.id;
		 //
		object.appendChild(document.getElementById('infoOverlayDiv'));
		// alert(this.id);
	 //document.getElementById('infoOverlayDiv').style.width=this.offsetWidth+"px";
	 //document.getElementById('infoOverlayDiv').style.height=this.offsetHeight+"px";
	 //document.getElementById('infoOverlayDiv').style.left=2+this.parentNode.offsetLeft+"px";
	 //document.getElementById('infoOverlayDiv').style.top=2+this.parentNode.offsetTop+"px"; 
	 document.getElementById('infoOverlayDiv').imgid=object.firstChild.id;
	 document.getElementById('infoDivTitleTextArea').value=object.firstChild.title;
	 document.getElementById('infodivDescriptionTextArea').value=object.firstChild.description;
	 //alert(object.firstChild.title);
	 //
	 
	 $('#infoOverlayDiv').stop(true, true);
	 $('#infoOverlayDiv').fadeTo("slow",1);
	 document.getElementById('infoButtonDiv').style.visibility="visible";
	 	document.getElementById('socialMediaBoxDiv').style.visibility="visible";
	 if(this.id==imageFlipped){
		 document.getElementById('loggedInDiv').style.visibility="visible";
	 document.getElementById('infoContentDiv').style.visibility="visible";
	 }
	 }
   }
   
   /*
   function infoOverlayDivMouseover(){
	  // alert("overlaymouseOver");
	 if (flipImageAnimationStopped&&(imageFlipped=="none")){
		document.getElementById('infoButtonDiv').style.visibility="visible";
	 	document.getElementById('socialMediaBoxDiv').style.visibility="visible";
	 	if(this.id==imageFlipped){
	 		document.getElementById('infoContentDiv').style.visibility="visible";
	 		//document.getElementById('loggedInDivDiv').style.visibility="visible";
	 	}
	 }
   } 
   */
   
   
   
   function imgDivMouseOut(){
		//alert("fuck!!");
	if(flipImageAnimationStopped&&(imageFlipped=="none")){
		//
	//  document.getElementById('infoOverlayDiv').style.visibility="hidden";
	  $('#infoOverlayDiv').stop(true, true);
	  $('#infoOverlayDiv').fadeTo("fast",0);
	  //document.getElementById('infoButtonDiv').style.visibility="hidden";
	 // document.getElementById('socialMediaBoxDiv').style.visibility="hidden";
	  if(loggedIn){
	 // document.getElementById('loggedInDiv').style.visibility="hidden";
	  }
	 // document.getElementById('infoContentDiv').style.visibility="hidden";
	}
   }
  
   
   function infoClick(){
	 
	  	//alert(this.parentNode.parentNode.id);
		
		//alert(imageFlipped);
		//this.parentNode.parentNode.firstChild.stop(true, true).fadeIn();
		//callBack= function(){imageFlipped();};
		//imageHasFlipped();
		
		if(imageFlipped=="none"){
			openInfo(this);
		}
		if(imageFlipped==this.parentNode.parentNode.firstChild.id){
			closeInfo(this);
		}
	   
   }
   
   function openInfo(object){
	   
	   flipImageAnimationStopped=false;
			//alert(imageFlipped);
		$(object).parent().parent().children().fadeTo("fast",0,function(){imageHasFlipped(this);});
	   //document.getElementById(this.parentNode.imgid).style.width=20+"px";
	   document.getElementById('infoImage').src=object.parentNode.parentNode.firstChild.src;
	   document.getElementById(object.parentNode.imgid).style.height=450+"px";
	   imageToFlip=object.parentNode.imgid;
	    //document.getElementById('infoButtonDiv').style.visibility="hidden";
		
	   
	   
   }
   
   
   function closeInfo(object){
	  // alert(object.id);
	   flipImageAnimationStopped=false;
			//alert(imageFlipped);
		$('#infoOverlayDiv').fadeTo("fast",0,function(){imageHasFlippedBack(this);});
	   //document.getElementById(this.parentNode.imgid).style.width=20+"px";
	   
	   imageToFlip=object.parentNode.imgid;
	 
	    //document.getElementById('infoButtonDiv').style.visibility="hidden";
		if(loggedIn){
			document.getElementById('loggedInDiv').style.visibility="visible";
		}
	   
	   
   }
   
   
   
   
   
  
function imgClick(){
	
	if ((imageFlipped!=this.firstChild.id)&&(imageFlipped!="none")){
		object=document.getElementById('infoButtonDiv');
		closeInfo(object);
		objectSend=this;
		var t=setTimeout("focusInfo(objectSend)",500);
		
		
	}
	
}
 

  function focusInfo(object){
		object.appendChild(document.getElementById('infoOverlayDiv'));
		} 

function loginClick(){
	makeRequest("login2.php","?aktie=login");
}
	
	
	function createSite(responseXML){
		
		// creeer file upload menu
			
			var fileUploadDiv = document.createElement('div');
			fileUploadDiv.id="fileUploadDiv";
			fileUploadDiv.style.visibility="hidden";
			var addFileForm =  document.createElement('form');
			addFileForm.action = "edit2.php?aktie=fileupload";
			addFileForm.enctype = "multipart/form-data"
			addFileForm.method = "post";
			addFileForm.id="addFileForm";
			var addFileFormInput =  document.createElement('input');
			addFileFormInput.type="file";
			addFileFormInput.name="file";
			addFileFormInput.id="addFileFormInput";
			var addFileFormSubmit =  document.createElement('input');
			addFileFormSubmit.type="submit";
			addFileFormSubmit.name="submit";
			addFileFormSubmit.value="submit";
			
			addFileForm.appendChild(addFileFormInput);
			addFileForm.appendChild(addFileFormSubmit);
			fileUploadDiv.appendChild(addFileForm);
			document.body.appendChild(fileUploadDiv); 
		
		
		
		/*
		var logoDiv =  document.createElement('div');
			document.body.appendChild(logoDiv); 
			logoDiv.id="logoDiv";
			
		var logoImage =  document.createElement('img');
			logoDiv.appendChild(logoImage);
			logoImage.src="images/logo.jpg";
			*/
		var contactButtonDiv =  document.createElement('div');
			document.body.appendChild(contactButtonDiv); 
			contactButtonDiv.id="contactButtonDiv";
			contactButtonDiv.onclick = showInfoContact;
			//contactButtonDiv.className="t_Button";
			contactButtonDiv.innerHTML="info/contact";
			
		/*	
		var contactImage =  document.createElement('img');
			contactImage.onclick = showInfoContact;
			contactDiv.appendChild(contactImage);
			contactImage.src="images/infocontact.jpg";
			/*
		var infoContactContentDiv =document.createElement('div');
			document.body.appendChild(infoContactContentDiv); 
			infoContactContentDiv.id="infoContactContentDiv";
		*/
		var loginDiv =  document.createElement('div');
			document.getElementById('infoContactContentDiv').appendChild(loginDiv); 
			loginDiv.id="loginDiv";
			loginDiv.innerHTML="π";
			loginDiv.onclick=loginClick;
			
			
			var imgcontainerdiv = document.createElement('div');
			imgcontainerdiv.className="imgcontainerdiv";
			imgcontainerdiv.id="imgcontainerdiv";
            var xmldoc = responseXML;
            var photos = xmldoc.getElementsByTagName('photo');
			
			for (var i=0;i<photos.length;i++){
				var src = photos[i].getElementsByTagName('src')[0].firstChild.nodeValue;
				var DBId = photos[i].getElementsByTagName('DBId')[0].firstChild.nodeValue;
				
				//var value = src[0].firstChild.nodeValue;
				if(photos[i].getElementsByTagName('title')[0].hasChildNodes()){
				var title = photos[i].getElementsByTagName('title')[0].firstChild.nodeValue;
				}else{
					var title = "untitled";
				}
				if(photos[i].getElementsByTagName('description')[0].hasChildNodes()){
				var description = photos[i].getElementsByTagName('description')[0].firstChild.nodeValue;
				}else{
					var description = "no description yet...";
				}
				var imgdiv = document.createElement('div');
				imgdiv.className="imgdiv";
				imgdiv.id="imgdiv_"+i;
				imgdiv.onclick=imgClick;
				//imgdiv.onmouseover=imgDivMouseOver;
				//imgdiv.onmouseout=imgDivMouseOut;
				var img = document.createElement('img');
				img.flipState=false;
				img.title=title;
				img.description=description;
				img.DBId=DBId;
				img.id=src;
				img.src=src;
				img.style.opacity=1;
				img.className="imgRounded"; 
				//img.onclick=imgClick;
				
				imgdiv.appendChild(img);			
				imgcontainerdiv.appendChild(imgdiv);
		 	}
		 	var infoOverlayDiv = document.createElement('div');
			var infoButtonDiv = document.createElement('div');
			var infoContentDiv = document.createElement('div');
			var infoContentPaddingDiv = document.createElement('div');
			var greyOutDiv = document.createElement('div');
			var greyOutButtonYes= document.createElement('div');
			var greyOutButtonNo= document.createElement('div');
			var socialMediaBoxDiv= document.createElement('div');
			var twitterLink = document.createElement('a'); 
			
			var facebookImage = document.createElement('img');
			var twitterImage = document.createElement('img');
			var infoImage = document.createElement('img');
			var infoDivTitleTextArea = document.createElement('textarea');
			var infodivDescriptionTextArea = document.createElement('textarea');
			
			
			
			//twitterLink.href="https://twitter.com/share?url=https%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button";
			
			
 			//infoOverlayDiv.style.visibility="hidden";
			//socialMediaBoxDiv.style.visibility="hidden";
			infoContentDiv.style.visibility="hidden";
			//infoButtonDiv.style.visibility="hidden";
 			infoOverlayDiv.id="infoOverlayDiv";
			infoButtonDiv.id="infoButtonDiv";
			infoButtonDiv.className="t_Button";
			
			
			twitterImage.src="images/twitter_icon.png";
			greyOutDiv.id="greyOutDiv";
			greyOutDiv.style.visibility="hidden";
			greyOutDiv.innerHTML="Are you sure you want to do this?";
			greyOutButtonYes.id="greyOutButtonYes"
			greyOutButtonNo.id="greyOutButtonNo"
			greyOutButtonYes.className="t_Button"
			greyOutButtonNo.className="t_Button"
			
			greyOutButtonYes.onclick=pressYes;
			greyOutButtonNo.onclick=pressNo;
			greyOutButtonYes.innerHTML="yes"
			greyOutButtonNo.innerHTML="no"
			infoContentDiv.id="infoContentDiv";
			infoContentPaddingDiv.id="infoContentPaddingDiv";
			infoImage.src="STP.gif";
			infoImage.id="infoImage";
			twitterImage.src="images/twitter_icon.png";
			twitterImage.onclick=postTwitter;
			facebookImage.src="images/facebook_icon.gif";
			facebookImage.onclick=postFacebook;
			twitterImage.id="twitterIcon";
			facebookImage.id="facebookIcon";
			twitterImage.className="socialMediaIcon";
			facebookImage.className="socialMediaIcon";
			infoDivTitleTextArea.id="infoDivTitleTextArea";
			infodivDescriptionTextArea.id="infodivDescriptionTextArea";
			infoDivTitleTextArea.className="infoTextArea";
			infodivDescriptionTextArea.className="infoTextArea";
			
			infoDivTitleTextArea.readOnly= true;
			infodivDescriptionTextArea.readOnly= true;
			infoDivTitleTextArea.disabled= true;
			infodivDescriptionTextArea.disabled= true;

			infoButtonDiv.innerHTML="info";
			infoButtonDiv.onclick=infoClick;
			
			socialMediaBoxDiv.id="socialMediaBoxDiv";
			socialMediaBoxDiv.appendChild(twitterImage);
			socialMediaBoxDiv.appendChild(facebookImage);
			
			
			//infoOverlayDiv.onclick=imgClick;
			//infoOverlayDiv.onmouseout=imgMouseout;
			//infoOverlayDiv.onmouseover=infoOverlayDivMouseover;
 			infoContentPaddingDiv.appendChild(infoImage);
			infoContentPaddingDiv.appendChild(infoDivTitleTextArea);
			infoContentPaddingDiv.appendChild(infodivDescriptionTextArea);
			
			infoContentDiv.appendChild(infoContentPaddingDiv);
			infoOverlayDiv.style.opacity=0;
			//hbjhb
			infoOverlayDiv.appendChild(infoContentDiv);
			
			infoOverlayDiv.appendChild(socialMediaBoxDiv);
			infoOverlayDiv.appendChild(infoButtonDiv);
			infoOverlayDiv.appendChild(infoButtonDiv);
			greyOutDiv.appendChild(greyOutButtonYes);
			greyOutDiv.appendChild(greyOutButtonNo);
			infoOverlayDiv.appendChild(greyOutDiv);
 			imgcontainerdiv.firstChild.appendChild(infoOverlayDiv);
			
       		document.getElementById('mainDiv').appendChild(imgcontainerdiv); 
			
			
			//creeer admin menu
			var adminDiv = document.createElement('div');
			adminDiv.id="adminDiv";
			adminDiv.style.visibility="hidden";
			addFileButtonDiv =  document.createElement('div');
			addFileButtonDiv.id="addFileButtonDiv";
			addFileButtonDiv.innerHTML = "add photo";
			addFileButtonDiv.className="t_Button";
			addFileButtonDiv.onclick = addFileMenu;
			adminDiv.appendChild(addFileButtonDiv);
			document.body.appendChild(adminDiv); 
			
			$('.imgdiv').mouseleave(function() {
 			imgDivMouseOut(this);
			});
			
			$('.imgdiv').mouseenter(function() {
 			imgDivMouseOver(this);
			});
			
			
			
	}
	
	function checkDeleteImage(){
		
		//alert(this.parentNode.parentNode.id);
		document.getElementById('greyOutDiv').style.visibility="visible"
		document.getElementById('greyOutDiv').style.width=this.parentNode.parentNode.offsetWidth+"px";
		document.getElementById('greyOutDiv').style.height=this.parentNode.parentNode.offsetHeight+"px";
		//document.getElementById('greyOutDiv').style.left=2+this.parentNode.parentNode.offsetLeft+"px";
	 	//document.getElementById('greyOutDiv').style.top=2+this.parentNode.parentNode.offsetTop+"px"; 
		
		//deleteImage();
	}
	
	function pressNo(){
		document.getElementById('greyOutDiv').style.visibility="hidden"
	}
	
	function pressYes(){
		document.getElementById('greyOutDiv').style.visibility="hidden"
		deleteImage(this);
	}
	
	
	function deleteImage(object){
		//alert(object.parentNode.parentNode.imgid);
		imageToFlip=object.parentNode.parentNode.imgid;
	    document.getElementById('infoButtonDiv').style.visibility="hidden";
		if(loggedIn){
		document.getElementById('loggedInDiv').style.visibility="hidden";
		}
	   document.getElementById('infoButtonDiv').innerHTML="info";
		imageFlipped="none";
		var currentImageid=object.parentNode.parentNode.imgid;
		var currentDBId=document.getElementById(currentImageid).DBId
		//alert(currentDBId);
		
		var orde=document.getElementById(currentImageid).parentNode.id;
		p = orde.search("_");
		orde= parseInt(orde.slice(p+1));
		if(document.getElementById(currentImageid).parentNode.nextSibling){
		
		document.getElementById(currentImageid).parentNode.nextSibling.appendChild(document.getElementById('infoOverlayDiv'));
		}else{
			//alert(document.getElementById(currentImageid).parentNode.parentNode.firstChild.id);
			document.getElementById(currentImageid).parentNode.parentNode.firstChild.appendChild(document.getElementById('infoOverlayDiv'));
		}
		document.getElementById('infoOverlayDiv').style.opacity=0;
		document.getElementById('infoContentDiv').style.visibility="hidden";
		//alert(orde);
		
		var currentImageDiv =document.getElementById(currentImageid).parentNode;
		document.getElementById('imgcontainerdiv').removeChild(currentImageDiv);
 		deleteRequest(currentDBId,orde);
	}
	
	function checkLogin(responseXML){
		 var xmldoc = responseXML;
		 var message = xmldoc.getElementsByTagName('message')[0].firstChild.nodeValue;
		 if (message=="ok"){
			 loggedIn=true;
			document.getElementById('loginDiv').innerHTML="logged in";
			 //alert("you are logged in!");
			//document.getElementById('loginDiv').style.visibility="hidden";
			document.getElementById('adminDiv').style.visibility="visible";
			
			var loggedInDiv = document.createElement('div');
			loggedInDiv.id="loggedInDiv";
			loggedInDiv.style.visibility="hidden";
			var postButtonDiv = document.createElement('div');
			postButtonDiv.innerHTML="update";
			postButtonDiv.onclick=editData;
			//postButtonDiv.style.visibility="hidden";
			loggedInDiv.appendChild(postButtonDiv);
			postButtonDiv.id="postButtonDiv";
			postButtonDiv.className="t_Button"
			
			var infoDeleteDiv = document.createElement('div');
			infoDeleteDiv.id= "deleteButtonDiv";
			infoDeleteDiv.className="t_Button"
			infoDeleteDiv.innerHTML="x";
			infoDeleteDiv.onclick=checkDeleteImage;
			loggedInDiv.appendChild(infoDeleteDiv);
			
			var moveLeftButtonDiv = document.createElement('div');
			moveLeftButtonDiv.innerHTML="&lt;";
			moveLeftButtonDiv.onclick=moveLeftRequest;
			//moveLeftButtonDiv.style.visibility="hidden";
			loggedInDiv.appendChild(moveLeftButtonDiv);
			moveLeftButtonDiv.id="moveLeftButtonDiv";
			moveLeftButtonDiv.className="t_Button"
				
			var moveRightButtonDiv = document.createElement('div');
			moveRightButtonDiv.innerHTML="&gt;";
			moveRightButtonDiv.onclick=moveRightRequest;
			//moveRightButtonDiv.onclick=editData;
			//moveRightButtonDiv.style.visibility="hidden";
			loggedInDiv.appendChild(moveRightButtonDiv);
			moveRightButtonDiv.id="moveRightButtonDiv";
			moveRightButtonDiv.className="t_Button"
			
			infoOverlayDiv.appendChild(loggedInDiv);
			
			infoDivTitleTextArea.readOnly= false;
			infodivDescriptionTextArea.readOnly= false;
			infoDivTitleTextArea.disabled= false;
			infodivDescriptionTextArea.disabled= false;
			
			
		 }
		
	}
	
	function editData(){
		
		
		//alert(this.parentNode.imgid+" "+document.getElementById('infoDivTitleTextArea').value+" "+document.getElementById('infodivDescritionTextArea').value);
		document.getElementById(this.parentNode.parentNode.imgid).title=document.getElementById('infoDivTitleTextArea').value;
		document.getElementById(this.parentNode.parentNode.imgid).description=document.getElementById('infodivDescriptionTextArea').value;
		
		var parameters="?aktie=update&title="+escape(document.getElementById('infoDivTitleTextArea').value)+"&description="+escape(document.getElementById('infodivDescriptionTextArea').value)+"&DBId="+document.getElementById(this.parentNode.parentNode.imgid).DBId;
		//alert (parameters);
		makeRequest("edit2.php",parameters);
		
	}
	
	function moveLeftRequest(){
		
		//alert(document.getElementById(this.parentNode.parentNode.imgid).DBId);
		
		var currentImageid=this.parentNode.parentNode.imgid;
		
		var currentImageDiv =document.getElementById(currentImageid).parentNode;
		var currentImage=currentImageDiv.firstChild;
		var previousImageDiv=currentImageDiv.previousSibling;
		var previousImage=previousImageDiv.firstChild;	
		var leftImageid=previousImage.DBId;
		var leftOrde=previousImageDiv.id;
		//alert(leftOrde);
		var p = leftOrde.search("_");
		leftOrde= parseInt(leftOrde.slice(p+1));
		//alert(leftOrde);
		//alert(document.getElementById(currentImageid).parentNode.id);
		var orde=currentImageDiv.id;
		p = orde.search("_");
		orde= parseInt(orde.slice(p+1));
		if(orde>0){
		var parameters="?aktie=moveLeft&value="+orde+"&leftOrde="+leftOrde+"&DBId="+document.getElementById(this.parentNode.parentNode.imgid).DBId+"&LDBId="+leftImageid;
		//alert (parameters);
		makeRequest("edit2.php",parameters,currentImageid);
		}
	}
	
		function moveRightRequest(){
		
		//alert(document.getElementById(this.parentNode.parentNode.imgid).DBId);
		
		var currentImageid=this.parentNode.parentNode.imgid;
		var currentImageDiv =document.getElementById(currentImageid).parentNode;
		var maxOrde = currentImageDiv.parentNode.childNodes.length-2;
		//alert (currentImageDiv.parentNode.childNodes.length);
		var currentImage=currentImageDiv.firstChild;
		var previousImageDiv=currentImageDiv.nextSibling;
		var previousImage=previousImageDiv.firstChild;	
		var rightImageid=previousImage.DBId;
		var rightOrde=previousImageDiv.id;
		//alert(getOrder());
		var p = rightOrde.search("_");
		rightOrde= parseInt(rightOrde.slice(p+1));
		//alert(leftOrde);
		//alert(document.getElementById(currentImageid).parentNode.id);
		var orde=currentImageDiv.id;
		p = orde.search("_");
		orde= parseInt(orde.slice(p+1));
		//alert("orde = "+orde+"Max orde = "+maxOrde);
		
		if(orde<maxOrde){
		var parameters="?aktie=moveRight&value="+orde+"&rightOrde="+rightOrde+"&DBId="+document.getElementById(this.parentNode.parentNode.imgid).DBId+"&RDBId="+rightImageid;
		//alert (parameters);
		makeRequest("edit2.php",parameters,currentImageid);
		}
		
	}
	
	function deleteRequest(currentDBId,orde){
		
		//alert(currentDBId);
		//alert("delete!!");
		
		var parameters="?aktie=delete&DBId="+currentDBId+"&orde="+orde;
		//alert (parameters);
		makeRequest("edit2.php",parameters,currentDBId);
		
		
	}
	
	
	function moveLeft(responseXML,currentImageid){
		//alert (currentImageid);
		//var currentImageid=this.parentNode.parentNode.imgid;
		//alert(document.getElementById(currentImageid).parentNode.id);
		//var orde=document.getElementById(currentImageid).parentNode.id;
		//var p = orde.search("_");
		//orde= parseInt(orde.slice(p+1));
		
		var currentImageDiv =document.getElementById(currentImageid).parentNode;
		var currentImage=currentImageDiv.firstChild;
		var previousImageDiv=currentImageDiv.previousSibling;
		var previousImage=previousImageDiv.firstChild;
		
		var tempWidth=previousImage.offsetWidth+"px";
		var tempHeight=previousImage.offsetHeight+"px"
	
		previousImage.style.width=currentImage.offsetWidth+"px";
		previousImage.style.height=currentImage.offsetHeight+"px";
		currentImage.style.width=tempWidth;
		currentImage.style.Height=tempHeight;
		var tempId = previousImage.id
		var tempDBId= previousImage.DBId;
		var tempTitle=previousImage.title;
		var tempDescription=previousImage.description;
		 
		previousImage.src=currentImageid;
		previousImage.id=currentImageid;
		previousImage.DBId=currentImage.DBId;
		previousImage.title=currentImage.title;
		previousImage.description=currentImage.description;
		
		currentImage.id=tempId;
		currentImage.src=tempId;
		currentImage.DBId=tempDBId;
		currentImage.title=tempTitle;
		currentImage.description=tempDescription;
		
		/*
		
		document.getElementById('infoOverlayDiv').style.width=document.getElementById(currentImageid).parentNode.offsetWidth+"px";
		document.getElementById('infoOverlayDiv').style.height=document.getElementById(currentImageid).parentNode.offsetHeight+"px";
		document.getElementById('infoOverlayDiv').style.left=document.getElementById(currentImageid).parentNode.offsetLeft+"px";
		document.getElementById('infoOverlayDiv').style.top=document.getElementById(currentImageid).parentNode.offsetTop+"px"; 
		*/
		
		$(document.getElementById(currentImage.id)).fadeTo("fast",1,function(){imageHasFlipped(this);});
		$(document.getElementById(previousImage.id)).fadeTo("fast",0,function(){imageHasFlipped(this);});
		document.getElementById(previousImage.id).parentNode.appendChild(document.getElementById('infoOverlayDiv'));
		document.getElementById('infoOverlayDiv').imgid=currentImageid;
		imageFlipped=currentImageid;
	
	}
	
	function moveRight(responseXML,currentImageid){
		//alert (currentImageid);
		//var currentImageid=this.parentNode.parentNode.imgid;
		//alert(document.getElementById(currentImageid).parentNode.id);
		//var orde=document.getElementById(currentImageid).parentNode.id;
		//var p = orde.search("_");
		//orde= parseInt(orde.slice(p+1));
		
		var currentImageDiv =document.getElementById(currentImageid).parentNode;
		var currentImage=currentImageDiv.firstChild;
		var previousImageDiv=currentImageDiv.nextSibling;
		var previousImage=previousImageDiv.firstChild;
		
		var tempWidth=previousImage.offsetWidth+"px";
		var tempHeight=previousImage.offsetHeight+"px"
	
		previousImage.style.width=currentImage.offsetWidth+"px";
		previousImage.style.height=currentImage.offsetHeight+"px";
		currentImage.style.width=tempWidth;
		currentImage.style.Height=tempHeight;
		var temp = previousImage.id
		var tempDBId= previousImage.DBId;
		var tempTitle=previousImage.title;
		var tempDescription=previousImage.description;
		 
		previousImage.src=currentImageid;
		previousImage.id=currentImageid;
		previousImage.DBId=currentImage.DBId;
		previousImage.title=currentImage.title;
		previousImage.description=currentImage.description;
		
		currentImage.id=temp;
		currentImage.src=temp;
		currentImage.DBId=tempDBId;
		currentImage.title=tempTitle;
		currentImage.description=tempDescription;
		/*
		
		document.getElementById('infoOverlayDiv').style.width=document.getElementById(currentImageid).parentNode.offsetWidth+"px";
		document.getElementById('infoOverlayDiv').style.height=document.getElementById(currentImageid).parentNode.offsetHeight+"px";
		document.getElementById('infoOverlayDiv').style.left=document.getElementById(currentImageid).parentNode.offsetLeft+"px";
		document.getElementById('infoOverlayDiv').style.top=document.getElementById(currentImageid).parentNode.offsetTop+"px"; 
		*/
		
		$(document.getElementById(currentImage.id)).fadeTo("fast",1,function(){imageHasFlipped(this);});
		$(document.getElementById(previousImage.id)).fadeTo("fast",0,function(){imageHasFlipped(this);});
		document.getElementById(previousImage.id).parentNode.appendChild(document.getElementById('infoOverlayDiv'));
		
		document.getElementById('infoOverlayDiv').imgid=currentImageid;
		imageFlipped=currentImageid;
	
	}
	
	function getOrder(){
		var text="";
		lengte=document.getElementById('imgcontainerdiv').childNodes.length-1;
		for(i=0;i<lengte;i++){
			orde=document.getElementById('imgcontainerdiv').childNodes[i].id.split("_")[1];
			foto=document.getElementById('imgcontainerdiv').childNodes[i].firstChild.id.split("-")[1].split(".")[0];
			text=text+orde+","+foto+";";
			var parameters="?aktie=fixorder&value="+text;
			makeRequest("edit2.php",parameters,currentImageid);
			}
		return text;
	}
	
	function addFileMenu(){
		
		fileUploadDiv.style.visibility="visible";
	}
	
	function imageHasFlipped(object){
		
		imageFlipped=object.parentNode.firstChild.id;
		//alert(imageFlipped);
		document.getElementById('infoContentDiv').style.visibility="visible";
		if(loggedIn){
			document.getElementById('loggedInDiv').style.visibility="visible";
		}
		flipImageAnimationStopped=true;
		document.getElementById('infoButtonDiv').innerHTML="close";		
		$('#infoOverlayDiv').fadeTo("fast",1);
		
		
	}
	
	function imageHasFlippedBack(object){
		
		document.getElementById('infoContentDiv').style.visibility="hidden";
		if(loggedIn){
			document.getElementById('loggedInDiv').style.visibility="hidden";
		}
		//document.getElementById('loggedInDiv').style.visibility="hidden";
		imageFlipped="none";
		//alert(object.id);
		
		flipImageAnimationStopped=true;
		document.getElementById('infoButtonDiv').innerHTML="info";		
		$(object).parent().children(":first-child").fadeTo("fast",1);
		$('#infoOverlayDiv').fadeTo("fast",1);
		
		
	}
	function showInfoContact(){
		//alert(this.id);
		if(!contactAnimation){
			contactAnimation=true;
	
			$('#contactButtonDiv').fadeOut("slow");
				
			$('#imgcontainerdiv').animate({bottom: -500}, 500, function() {
    				
					//document.getElementById('contactButtonDiv').style.visibility="hidden";
 				 
  				$('#infoContactContentDiv').fadeIn("slow", function() {
   				 contactAnimation=false;
  				});
				});
  	
			
			
			
		}
		
		
	}
	
	function hideInfoContact(){
		//alert(this.id);
		if(!contactAnimation){
			contactAnimation=true;
	
			
				$('#infoContactContentDiv').fadeOut("fast", function() {
   				
    				
					
 				
  	$('#imgcontainerdiv').animate({bottom: 0}, 500, function() {
  				contactAnimation=false;
				$('#contactButtonDiv').fadeIn("slow");
  				});
				 });
  
			
  	
			
			
			
		}
		
		
	}