var isWebkit = navigator.userAgent.toLowerCase().indexOf("safari") != -1;
var isMobile = navigator.userAgent.match(/i(Phone|Pad|Pod)/i);
if(!isWebkit)
{
	document.getElementById("animation").innerHTML = "";
}
if(isMobile)
{
	document.write('<link rel="stylesheet" type="text/css" href="/mobile.css" />');
}
if(window.location.pathname == "/fotoalbum")
{
	showFotoalbum();
}
function showFotoalbum()
{
	if((document.location + "").search("#") < 0)
	{
		document.location = "http://" + (isWebkit ? "www." : "") + window.location.hostname.replace("www.", "") + "/fotoalbum#pic1";
	}
	var count = 40, smallimg = "", thumbimg = "";
	for(i = 1; i <= count; i++)
	{
		next = (i == count ? i - 1 : i + 1);
		smallimg += '<li id="pic' + i + '"><a href="#pic' + next + '"><img src="/images/fotoalbum/small/' + i  + '.jpg" /></a></li>';
		thumbimg += '<li><a href="#pic' + i  + '"><img src="/images/fotoalbum/thumb/' + i  + '.jpg" /></a></li>';
	}
	document.getElementById("fotos").innerHTML = smallimg;
	document.getElementById("fotonav").innerHTML = ('<ul id="lifotocontainer"><div style="position: absolute; margin: -40px 0 0 -10px; z-index: 2;"><a href="#" onclick="this.href = \'/images/fotoalbum/big/\' + (document.location + \'\').split(\'#pic\')[1] + \'.jpg\';" target="_blank" id="downloadpic"><img src="/images/dwn.png" id="dwnbutton" /></a></div>' + thumbimg + '<li style="visibility: hidden;">dwnl</li></ul>');
}
function postTo(url, params)
{
	var request = new XMLHttpRequest();
	with(request)
	{
		open("POST", url, false);
		setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		setRequestHeader("Content-Length", params.length);
		send(params);
		return responseText;
	}
}
function shakeFreeze(s)
{
	document.getElementById("info").className = (s ? "shake" : "");
}
function shake()
{
	shakeFreeze(true);
	setTimeout(function(){shakeFreeze();}, 300);
}
function login()
{
	with(document.form)
	{
		var params = "username=" + username.value + "&password=" + password.value;
	}
	var response = postTo("/login", params);
	if(response == "n")
	{
		showInfoBox();
		document.form.username.select();
		shake();
	}
	else if(response == "y")
	{
		hideForm();
		writeError('<img src="/images/correct.png" class="statusimg noshadow" /> Login erfolgreich. Weiterleitung erfolgt..');
		setTimeout("window.location.reload();", 2000);
	}
	return false;
}
function sendmsg()
{
	with(document.form)
	{
		var params = "name=" + name.value + "&email=" + email.value + "&msg=" + msg.value;
	}
	var response = postTo("/kontakt", params);
	if(response == "y")
	{
		hideForm();
		writeError('<img src="/images/correct.png" class="statusimg noshadow" /> E-Mail wurde erfolgreich versandt. Ich werde Ihnen baldm&ouml;glichst antworten.<br /><br /><br /><img src="images/mail.png" />');
	}
	else
	{
		switch(response)
		{
			case "name":
				err = 'Der eingegebene Name ist zu kurz.';
				document.form.name.focus();
				break;
			case "email":
				err = 'Die eingegebene E-Mail Adresse ist nicht korrekt.';
				document.form.email.focus();
				break;
			case "msg":
				err = 'Die eingegebene Nachricht ist zu lang.';
				document.form.msg.focus();
				break;
			default:
				err = 'E-Mail konnte nicht gesendet werden. Bitte versuchen Sie es sp&auml;ter erneut.';
				document.form.name.focus();
		}
		writeError('<img src="/images/failed.png" class="statusimg noshadow" /> ' + err);
		shake();
	}
	return false;
}
function hideForm()
{
	document.getElementById("inputs").style.display = "none";
}
function showInfoBox()
{
	document.getElementById("info").style.visibility = "visible";
}
function writeError(msg)
{
	showInfoBox();
	document.getElementById("info").innerHTML = msg;
}