var glength = 300;
var gtlength = 50;
var elength = 3000;	//when change, do it in db too
var etlength = 56;
var info_text = '<font>Bevor Sie Bilder hinzufügen, verkleinern Sie diese mit einem entsprechendem Tool</font>';
var img_w = 40;
var img_h = 40;


/*login form*/
function open_lform(sid){
var old_el = document.getElementById('login');
	var new_el = document.createElement('div');
	new_el.id = "login";
	var form = document.createElement('form');
	form.name = 'lform';
	form.method = 'POST';
	form.action = 'login.php?PHPSESSID=' + sid;
	new_el.appendChild(form);
	
	var u_input = document.createElement('input');
	u_input.name= 'user';
	u_input.type = 'text';
	u_input.size = '10';
	u_input.value = '';
	
	var p_input = document.createElement('input');
	p_input.name= 'password';
	p_input.type = 'password';
	p_input.size = '10';
	p_input.value = '';
	
	var b_input = document.createElement('input');
	b_input.type = 'submit';
	b_input.value = 'login';
	
	form.appendChild(u_input);
	form.appendChild(p_input);
	form.appendChild(b_input);
	
	var p = old_el.parentNode;
	p.replaceChild(new_el,old_el);
}		


/*open event form*/
function open_eform(){
	
	
	var old_el = document.getElementById('addevent');
	var div = document.createElement('div');
	div.id = 'addevent';
	
	var info = document.createElement('p');
	info.innerHTML = info_text;
	div.appendChild(info);
		
	var new_el = document.createElement('form');
	new_el.enctype = "multipart/form-data";
	new_el.name = 'eform';
	new_el.action = 'db.php';
	new_el.method = 'POST';
	new_el.innerHTML = "Titel:<br><a href='#spring'><input type=text name='title' size=auto maxlength='" + etlength + "'  /></a><br />";
	new_el.innerHTML += "<input type=hidden name='action' value='insert'>";
	new_el.innerHTML += "<input type=hidden name='formtype' value='events'>";
	new_el.innerHTML += "Inhalt:<br><textarea name='notes' rows='6' cols='60' style='overflow: auto' onkeypress='return imposeMaxLength(this," + elength + ");'  wrap='hard'></textarea><div id='count'>" + elength + "</div><br /><br />";
	new_el.innerHTML += "<div id='fotos'></div>";
	new_el.innerHTML += "<a href='javascript:add_photo();' ><img src='icon/11.png'>... noch ein Foto</a><br>";
	new_el.innerHTML +="<table><tr><td width=30><input type=image src='icon/a.png' width=20 height=20 onmouseover=\"show_control('hinzufügen')\" onmouseout='hide_control()'></td><td width=30><input type=image src='icon/b.png' width=20 height=20 onclick='close_eform()' onmouseover=\"show_control('abbrechen')\" onmouseout='hide_control()'></td></tr></table><div id='control'></div>";	 
	
	div.appendChild(new_el);
	var p = old_el.parentNode;
	p.replaceChild(div,old_el);
	new_el.title.focus();
}

/*open event editing form*/
function edit_eform(eid,title,notes,fotos,browser){
	
	var old_el = document.getElementById('addevent');
	var div = document.createElement('div');
	div.id = 'addevent';
	
	var info = document.createElement('p');
	info.innerHTML = info_text;
	div.appendChild(info);
	
	var new_el = document.createElement("form");
	new_el.enctype = "multipart/form-data";
	new_el.id = 'eform';
	new_el.name="eform";
	new_el.action = 'db.php';
	new_el.method = 'POST';
	new_el.innerHTML = "Titel:<br><a href='#spring'><input type=text name='title' size='auto' maxlength='" + etlength + "' /></a><br />";
	new_el.innerHTML += "<input type=hidden name='action' value='update'>";
	new_el.innerHTML += "<input type=hidden name='formtype' value='events'>";
	new_el.innerHTML += "<input type=hidden name='eid' value='" + eid + "'>";
	new_el.innerHTML +="Inhalt:<br><textarea name='notes' rows='6' cols='60' style='overflow: auto' onkeypress='return imposeMaxLength(this, " + elength + ");' wrap='hard' ></textarea><div id='count'>" + (elength - notes.length) + "</div><br /><br />";
	new_el.innerHTML += "<div id='fotos'></div>";
	new_el.innerHTML += "<a href='javascript:add_photo();' ><img src='icon/11.png'>... noch ein Foto</a><br>";
	
	/* show existing fotos */
	
	for(i = 0; fotos.length > i; i++){
		
		// convert whitespaces in filename
		if(fotos[i]!= null){
			fotos[i] = fotos[i].replace(/&nbsp;/g,' ');
			new_el.innerHTML += " <img src='" + fotos[i] + "' id='img" + i + "' width=" + img_w + " height=" + img_h + " style='[opacity:1;filter:alpha(opacity=100);]' onclick='javascript:delete_photo(" + i + ",\"" + fotos[i] + "\",\"" + browser + "\");'>";
		
		}
		
		
		
	}
	
	new_el.innerHTML +="<table><tr><td width=30><input type=image src='icon/a.png' width=20 height=20 onmouseover=\"show_control('ändern')\" onmouseout='hide_control()'></td></tr></table><div id='control'></div>";	 
	
	div.appendChild(new_el);
	var p = old_el.parentNode;
	p.replaceChild(new_el,old_el);
	new_el.title.focus();
	
	// convert <> br back
	title = title.replace(/&nbsp;/g,' ');
	notes = notes.replace(/&nbsp;/g,' ');	
	notes.replace(new RegExp(/\//g),''); //replace / 
	notes = notes.replace(/&lt;br&gt;/g,'\n')
	
	
	
	new_el.notes.value = unescape(notes);
	new_el.title.value = unescape(title);
}

function close_eform(){

	var old_el = document.getElementById('addevent');
	var p = old_el.parentNode;
	var new_el = document.createElement("div");
	new_el.id = 'addevent';
	new_el.innerHTML = "<a href=javascript:open_eform(); ><img src='icon/11.png'> Eintrag hinzufügen</a>";


	p.replaceChild(new_el,old_el);
}

function add_photo(){
	
	var fotos_div = document.getElementById('fotos');
	var new_foto = document.createElement('input');
	new_foto.type = 'file';
	new_foto.name = 'fotos[]' 
	fotos_div.appendChild(new_foto);
}

/* add and remove input element for foto deleting*/
function delete_photo(i,path,browser){
	
	var fotos_div = document.getElementById('fotos');
	//check if input element already exists
	var el = document.getElementById(i);
		
	//add input element
	if(el == null){
		
		//window.alert('element doesnt exist');
		var add_input = document.createElement('input');
		add_input.type = 'hidden';
		add_input.id = i;
		add_input.name = 'dfotos[]'; 
		add_input.value = path;
		fotos_div.appendChild(add_input);
		
		//get img for changing opacity
		var del_img = document.getElementById('img'+i);
		
		if(browser == 'ie'){
			del_img.style.setAttribute('filter','alpha(opacity=30)');
			del_img.style.setAttribute('border','1px solid red');
		}
		else{
			del_img.setAttribute('style', 'opacity:0.3');
		}	
			
	}
	//remove input element
	else{
		//window.alert('element exists');
		var del_helper = document.createElement('del_helper');
		var del_input = document.getElementById(i);
		fotos_div.replaceChild(del_helper,del_input);
		var del_img = document.getElementById('img'+i);
		
		if(browser == 'ie'){
			del_img.style.setAttribute('filter','alpha(opacity=100)'); //for ie
			del_img.style.setAttribute('border', 'none'); //for ie
		}
		else{
			del_img.setAttribute('style', 'opacity:1'); //for firefox
			del_img.setAttribute('border', 'none'); //for firefox
		}
	}				
}	
	
/*open guestbook editing form*/
function open_gform(){
	var abbrechen = document.createTextNode('abbrechen');

	
	var old_el = document.getElementById('addgentry');
	var div = document.createElement("div");
	div.id = 'addgentry';
	
	var new_el = document.createElement("form");
	new_el.name="gform";
	new_el.method = 'POST';
	new_el.action = 'db.php';
	new_el.innerHTML = "Name:<br><div id='inpu'><input type=hidden name='action' value='insert'><input type=hidden name='formtype' value='guestbook'><a href='#spring'><input type=text name='name' size='30' maxlength='" + gtlength + "'/></a><br>Inhalt:<br><textarea name='notes' rows='6' cols='30' style='overflow: auto' wrap='hard' onkeypress='return imposeMaxLength(this," + glength + ");'></textarea><br><table><tr><td width=30><input type=image src='icon/a.png' width=20 height=20 onmouseover=\"show_control('hinzufügen')\" onmouseout='hide_control()'></td><td width=30><input type=image src='icon/b.png' width=20 height=20 onclick='close_gform()' onmouseover=\"show_control('abbrechen')\" onmouseout='hide_control()'></td><td></td></tr></table><div id='control'></div>";	
	 
	div.appendChild(new_el);
		 
	var p = old_el.parentNode;
	p.replaceChild(div,old_el);
	
	new_el.name.focus();
	
}

function close_gform(){
	var old_el = document.getElementById('addgentry');
	var new_el = document.createElement("div");
	new_el.id = "addgentry";
	new_el.innerHTML = "<a href=javascript:open_gform(); ><img src='icon/11.png'> Eintrag hinzufügen</a>";

	var p = old_el.parentNode;
	p.replaceChild(new_el,old_el);
}

/* show text onmouseover */

function show_control(control){

	var old_el = document.getElementById('control');
	var new_el = document.createElement('font');
	var text = document.createTextNode(control);
	new_el.appendChild(text);
	old_el.appendChild(new_el);

}

/* hide text onmouseout*/
function hide_control(){

	var old_el = document.getElementById('control');
	var new_el = document.createElement('div');
	new_el.id = 'control';
	
	var p = old_el.parentNode;
	p.replaceChild(new_el, old_el);
	


}

/* define textarea length */
function imposeMaxLength(Object, MaxLen)
{
	var count = document.getElementById('count');
	//window.alert(count.id);
	var new_count = document.createElement('div');
	new_count.id = 'count';
	new_count.innerHTML = (MaxLen - Object.value.length);
	var p = count.parentNode;
	//window.alert(p.id + ' ' + p.name);
	p.replaceChild(new_count,count);
	
	
  return (Object.value.length <= MaxLen);
}

/* Email form */
function open_mform(sub){

	var old_el = document.getElementById('addevent');
	var div = document.createElement('div');
	div.id = 'addevent';
	
	
	
	
	var new_el = document.createElement("form");
	new_el.name = 'mform';
	new_el.id = 'mform';
	new_el.action = 'scripts/mail.php';
	new_el.method = 'POST';
	new_el.onSubmit = 'return checkEmail(new_el);';
	
	new_el.innerHTML += "Ihre Emailadresse:<br />";
		
	var sender = document.createElement('input');
	sender.name = 'sender';
	sender.id = 'sender';
	sender.type = 'text';
	
	
	var subject = document.createElement('input');
	subject.name = 'subject';
	subject.type = 'hidden';
	subject.value = sub;
		
	var message = document.createElement('textarea');
	message.name = 'message';
	message.rows = 8;
	message.cols = 70;
	message.wrap = 'hard';
	message.maxLength = 40;
	
		
	/*
	var submit = document.createElement('input');
	submit.type = 'submit';
	submit.value = 'Senden';
	//submit.onClick = 'return checkEmail(' + sender.value + ');';
	*/
	new_el.appendChild(sender);
	var br = document.createElement('br');
	new_el.appendChild(br);
	new_el.appendChild(subject);
	new_el.innerHTML += "Ihre Nachricht:";
	new_el.appendChild(message);
	br = document.createElement('br');
	new_el.appendChild(br);
	new_el.innerHTML +="<table><tr><td width=30><input type=image src='icon/a.png' width=20 height=20 onmouseover=\"show_control('senden')\" onmouseout='hide_control()'></td><td width=30><a href='javascript:close_mform();'><img src='icon/b.png' width=20 height=20 onmouseover=\"show_control('abbrechen')\" onmouseout=\"hide_control()\"/></a></td></tr></table><div id='control'></div>";	 
//	new_el.appendChild(submit);
	div.appendChild(new_el);
		

	
	var p = old_el.parentNode;
	p.replaceChild(div,old_el);
	new_el.sender.focus();

	
	
}

function close_mform(){

	var old_el = document.getElementById('addevent');
	var p = old_el.parentNode;
	var new_el = document.createElement("div");
	new_el.id = 'addevent';
	new_el.innerHTML = "<a href=javascript:open_eform(); ><img src='icon/11.png'> Eintrag hinzufügen</a>";


	p.replaceChild(new_el,old_el);
}

/* TODO check email format */
function checkEmail(form) {
	window.alert('check');
	var email = form.sender;
	var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if (!filter.test(email.value)) {
		window.alert('schlecht');
		email.focus();
		return false;
	}
	else{
		window.alert('gut');
		return false;

	}
}


/**
 * DHTML email validation script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/)
 */

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   alert("Invalid E-mail ID")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Invalid E-mail ID")
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    alert("Invalid E-mail ID")
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    alert("Invalid E-mail ID")
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    alert("Invalid E-mail ID")
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    alert("Invalid E-mail ID")
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    alert("Invalid E-mail ID")
		    return false
		 }

 		 return true					
	}

function ValidateForm(){
	var emailID=document.frmSample.txtEmail
	
	if ((emailID.value==null)||(emailID.value=="")){
		alert("Please Enter your Email ID")
		emailID.focus()
		return false
	}
	if (echeck(emailID.value)==false){
		emailID.value=""
		emailID.focus()
		return false
	}
	return true
 }



/* user confirm deleting event/ not in use */
/* user confirm deleting event/ not in use */
function cfm(){
	var text = "\n" +
	" Sind sie sicher, dass Sie diesen Eintrag löschen möchten?\n" + 
	"______________________________________________\n";
	if(!confirm(text)) return false;
	else return true;
	
}