var mapArea     = initAreaMapping();
    var http        = createRequestObject();
    var loading     = false;
	var oldHash     = "";
    var title       = "";
    var currentArea = "";
	var mouseX = 0;
    var mouseY = 0;

    
    init();
    window.setTimeout("loadPage()", 200);

    
    function getMousePosition(e) {
        mouseX = (window.Event) ? e.pageX : event.clientX;
        mouseY = (window.Event) ? e.pageY : event.clientY;
    }
    
    function init() {
        if (window.Event) 
        {
            try
            {
                document.captureEvents(Event.MOUSEMOVE);
            }
            catch(e){}
        }
        document.onmousemove = getMousePosition;
    }
	
    function initAreaMapping()
    {
        _tmp = new Array();
        //hashcode -> area
        
        _tmp["home"]                 = "home";
        _tmp["about"]                = "about";
        _tmp["stationierungen"]      = "stationierungen";
        _tmp["teilnahmebedingungen"] = "stationierungen";
        _tmp["events"]               = "events";
        _tmp["eventanfrage"]         = "events";
        _tmp["kontakt"]              = "kontakt";
        _tmp["galery"]               = "galery";
        _tmp["impressum"]            = "galery";
        
        
        
        return _tmp;
    }
    
    function createRequestObject() 
    {
        var ro;
        var browser = navigator.appName;
        if(browser == "Microsoft Internet Explorer")
            ro = new ActiveXObject("Microsoft.XMLHTTP");
        else
            ro = new XMLHttpRequest();
        
        return ro;
    }
    
    function handleResponse()
    {
        if(http.readyState == 4)
		{
            document.getElementById(layer).innerHTML = http.responseText;
			http.open('get', 'ajaxloader.php?loadTitle='+title);
            http.onreadystatechange = function()
            {
                if(http.readyState == 4)
                {
                    document.getElementById("titlebar").innerHTML = http.responseText;
                    loading = false;                    
                }
            }
            http.send(null);        
        }        
    }
    
	
	function loadPage()
	{
        if(location.hash == "")
        {
            window.location.href = "#home";
        }
		if(oldHash != location.hash)
		{
			oldHash = location.hash;
			loadAjax();
		}		
		window.setTimeout("loadPage()", 200);
	}
    
    function loadAjax()
    {
		if(loading)
		{
				window.setTimeout("loading()", 200);
		}
        
		loading = true;
		
        scriptCall = location.hash.substring(1).replace(/\?/g, "&");
		layer = "content";
        
        title = scriptCall.substring(0, scriptCall.indexOf("&"));
        if(title == "")
            title = scriptCall;

        if(currentArea != mapArea[title])
        {
            http.open('get', 'ajaxloader.php?loadNavbar='+title);
            http.onreadystatechange = function()
            {
                if(http.readyState == 4)
                {
                    document.getElementById("leiste_right").innerHTML = http.responseText;
                    currentArea = title;
                    http.open('get', 'ajaxloader.php?functionCall='+scriptCall);
                    http.onreadystatechange = handleResponse;
                    http.send(null);
                }
            }
            http.send(null);
        }
        else
        {
            http.open('get', 'ajaxloader.php?functionCall='+scriptCall);
            http.onreadystatechange = handleResponse;
            http.send(null);        
        }        
    }
    
    function sendPostRequest(params)
    {
    	var url = "ajaxloader.php";
    	http.open("post", url, true);
		http.onreadystatechange = function()
        {
            if(http.readyState == 4)
            {
                document.getElementById("content").innerHTML = http.responseText;                
            }
        }
		http.setRequestHeader("Content-length", params.length);
		http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		http.send(params);		
    }

    function sendContactForm()
    {
    	params = "functionCall=sendContactForm";
    	params+=getElementsToString(new Array("Name","Email","betreff","an","Nachricht"));
    	sendPostRequest(params);
    	return false;
    }
    
    function sendeventform()
    {
    	params = "functionCall=sent_eventanfrage";
    	params+=getElementsToString(new Array("Name","Email","Telefon","Datum","Ort","Zeitraum","Aufgaben", "Bemerkungen"));
    	params+="&Umkleide=";
    	if(document.getElementById("umkleide_ja").checked)	params+="ja";
    	else												params+="nein";
    	
    	params+="&Verpflegung=";
    	if(document.getElementById("essen_ja").checked)	params+="ja";
    	else												params+="nein";
    	
    	sendPostRequest(params);
    	return false;
    }
    
    function doPost()
    {
    	
    	
    	
    }
    
    function initNavbar()
    {
        scriptCall = location.hash.substring(1).replace(/\?/g, "&");
        request = scriptCall.substring(0, scriptCall.indexOf("&"));
        if(request == "")
            request = scriptCall;
        
        
        
        switch(request)
        {
            case "about":
            case "stationierungen":
            case "events":
            case "kontakt":
                loadArea("kontakt");
        
        }
        alert(request);        
    }