function checkForm(theForm)
{
var isValid = true;

  if(theForm.name.value.length==""){
       alert("Please enter your name!");
       theForm.name.focus();
       isValid = false;
       return false;
  }
  if(theForm.email.value.length == 0) {
    alert("Please enter your mail-adress!");
    theForm.email.focus();
    isValid = false;
    return false;
  }else if(theForm.email.value.length > 0){
  	var emailString = theForm.email.value;
		if (!emailString.match(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,6}$/i)){
		    alert('The email-adress you have entered is not valid');
		    theForm.email.focus();
		    isValid = false;
		    return false;
		}
  }
  
  if(isValid){
   sendAJAXForm(theForm.action,theForm.id);
  }
  return false;
}

function sendAJAXForm(formURL, formID){
new Ajax.Updater('content', formURL, {
  method: 'post',
  parameters: $(formID).serialize(true)
  });
}



var oldImageId = "";
var oldImageFile = "";
var oldSubImageId = "";
var oldSubImageFile = "";
var lastOpenSubmenu = "";
var menuIsClicked = false;
var submenuIsClicked = false;
var activegallery = "";

function loadContent(content){
menuIsClicked = true;
replaceOldImage(); // alte Bild wiederherstellen
closeSubmenu(); // ev. offenes Submenu schliessen

// Klavers-Logo einblenden
if(document.getElementById('titleImageDiv') != null){
 new Effect.Appear('titleImageDiv', {duration:1.0});
}

// Blank-Div ausblenden
document.getElementById('blankImage').style.visibility = "hidden";

if(content == "bio"){
 document.getElementById('titleDescriptionDiv').innerHTML = '';
 document.getElementById("SlideShowNav").style.display="none";
 ajaxPreload('static/biography.htm');
 oldImageId = content;
 oldImageFile = "images/mainmenu/mn_bio.gif";
 activegallery = "";
 document.getElementById(content).src = "images/mainmenu/mnh_bio.gif";
 oldBorderOptions = document.getElementById('content').style.border;
 document.getElementById('content').style.border ="1px solid #000";
}
if(content == "credit"){
 document.getElementById('titleDescriptionDiv').innerHTML = '';
 document.getElementById("SlideShowNav").style.display="none";
 ajaxPreload('static/credits.htm');
 oldImageId = content;
 oldImageFile = "images/mainmenu/mn_cred.gif";
 activegallery = "";
 document.getElementById(content).src = "images/mainmenu/mnh_cred.gif";
 document.getElementById('content').style.border = "1px solid #808080";
}
if(content == "contact"){
 document.getElementById('titleDescriptionDiv').innerHTML = '';
 document.getElementById("SlideShowNav").style.display="none";
 ajaxPreload('static/contact.php');
 oldImageId = content;
 oldImageFile = "images/mainmenu/mn_cont.gif";
 activegallery = "";
 document.getElementById(content).src = "images/mainmenu/mnh_cont.gif";
 document.getElementById('content').style.border = "1px solid #808080";
}

}


function closeSubmenu(){
 if(lastOpenSubmenu != null && lastOpenSubmenu.length > 0){
  new Effect.SlideUp(lastOpenSubmenu);
  lastOpenSubmenu = "";
 }
}


function loadGallery(gallery, gallery_id, description, subLinkImageId, subLinkOldImage, timeBetweenSlides, fadingSpeed,isProject){

	if (activegallery != gallery_id) {
		
		activegallery = gallery_id;		
	
 		document.getElementById("titleDescriptionDiv").style.display="none";
 		replaceOldImage('sub'); // alte Bild wiederherstellen
 		submenuIsClicked = true;
 		oldSubImageId = subLinkImageId; // ID des Submenus speichern
 		if(isProject != null && isProject){
 			oldSubImageFile = "images/subprojects/"+subLinkOldImage;
 		} else  oldSubImageFile = "images/submenu/"+subLinkOldImage;

	 	document.getElementById('content').style.border ="1px solid #000";
	 	ajaxPreloadGallery(gallery, gallery_id, timeBetweenSlides, fadingSpeed);
 
 		document.getElementById('titleDescriptionDiv').innerHTML = description;
 		new Effect.Appear('titleDescriptionDiv', {duration:1.0})
 		new Effect.Appear('SlideShowNav', {duration:1.0})
	}
}


function replaceOldImage(isSubmenu){
if(isSubmenu != null && isSubmenu == "sub"){
 if(oldSubImageId != null && oldSubImageId.length >0 && oldSubImageFile != null && oldSubImageFile.length > 0) document.getElementById(oldSubImageId).src = oldSubImageFile;
 oldSubImageId = "";
 oldSubImageFile = "";
} else {
 if(oldImageId != null && oldImageId.length >0 && oldImageFile != null && oldImageFile.length > 0) {document.getElementById(oldImageId).src = oldImageFile;}
 oldImageId = "";
 oldImageFile = "";
}
}


function replaceContentWithPreload(){
document.getElementById('content').innerHTML = '<div id="fading"><img src="images/pc_wait.gif" alt="please wait"></div>';
}

function ajaxPreload(url){
new Ajax.Updater('content', url, {onComplete:function(){ ;document.getElementById("fading").style.display="none"; window.setTimeout('new Effect.Appear(\'fading\', {duration:1.0})',1000);},asynchronous:true, evalScripts:true});
}

function ajaxPreloadGallery(url, gallery_id, timeBetweenSlides, fadingSpeed){
new Ajax.Updater('content', url, {onLoading: function(){replaceContentWithPreload();}, onComplete:function(){initImageGallery(gallery_id, timeBetweenSlides, fadingSpeed);},asynchronous:true, evalScripts:true});
}



function loadSubmenu(menuId){
replaceOldImage(); // alte Bild wiederherstellen

// Klavers-Logo einblenden
if(document.getElementById('titleImageDiv') != null){
 new Effect.Appear('titleImageDiv', {duration:1.0});
}
// Blank-Div einblenden
document.getElementById('blankImage').style.visibility = "visible";

// wenn Menupunkt sich selber aufruft, dann nur Submenu schliessen
if(lastOpenSubmenu!= null && lastOpenSubmenu.length > 0 && lastOpenSubmenu == menuId){
	closeSubmenu(); // ev. offenes Submenu schliessen
} else {

	closeSubmenu(); // ev. offenes Submenu schliessen

	if(menuId == "collection"){
	 oldImageId = menuId+"Image";
	 oldImageFile = "images/mainmenu/mn_coll.gif";
	 document.getElementById(menuId+"Image").src = "images/mainmenu/mnh_coll.gif";
	}
	if(menuId == "archive"){
	 oldImageId = menuId+"Image";
	 oldImageFile = "images/mainmenu/mn_arch.gif";
	 document.getElementById(menuId+"Image").src = "images/mainmenu/mnh_arch.gif";
	}
	if(menuId == "projects"){
	 oldImageId = menuId+"Image";
	 oldImageFile = "images/mainmenu/mn_proj.gif";
	 document.getElementById(menuId+"Image").src = "images/mainmenu/mnh_proj.gif";
	}

	new Effect.SlideDown(menuId, {duration:2});
	lastOpenSubmenu = menuId;
}
}	

// Menupunkte ueberblenden

function switchImage(imageId, imageName){
 if(imageName != null && imageName.length > 0 && imageId != null && imageId.length > 0 && document.getElementById(imageId) != null 
 && !menuIsClicked && oldImageId != imageId){
   document.getElementById(imageId).src = "images/mainmenu/"+imageName;
 } else menuIsClicked = false;
return false;
}

function switchSubImage(imageId, imageName){
 if(imageName != null && imageName.length > 0 && imageId != null && imageId.length > 0 && document.getElementById(imageId) != null
 && !submenuIsClicked && oldSubImageId != imageId){
   document.getElementById(imageId).src = "images/submenu/"+imageName;
 } else submenuIsClicked = false;
return false;
}

function switchProjectImage(imageId, imageName){
 if(imageName != null && imageName.length > 0 && imageId != null && imageId.length > 0 && document.getElementById(imageId) != null
 && !submenuIsClicked && oldSubImageId != imageId){
   document.getElementById(imageId).src = "images/subprojects/"+imageName;
 } else submenuIsClicked = false;
return false;
}

function page_init() {
	// Startgallery starten wenn default
	if(document.getElementById('gallery_start') != null){
		//new Effect.Appear('gallery_start', {duration:1.0});
		
		
		// Blank-Div einblenden
		document.getElementById('blankImage').style.visibility = "visible";
		document.getElementById('gallery_start').style.display = "block";
		new Effect.Appear('SlideShowNav', {duration:1.0});
		initImageGallery('start', 2500,70);
	}
}

window.onload = page_init;