(function() {

var animateX = -100;
var animateInterval = 1;

var currentPage = null;
var currentDialog = null;
var currentWidth = 0;
var currentHash = location.hash;
var hashPrefix = "#";
var pageHistory = [];

addEventListener("load", function(event)
{
    var body = document.getElementsByTagName("body")[0];
    for (var child = body.firstChild; child; child = child.nextSibling)
    {
        if (child.nodeType == 1 && child.getAttribute("selected") == "true")
        {
            showPage(child);
            break;
        }
    }

    setInterval(checkOrientAndLocation, 300);
    setTimeout(scrollTo, 0, 0, 1);
}, false);
    
addEventListener("click", function(event)
{

	if(event.target.localName != "input") event.preventDefault();
	
    var link = event.target;
	
    while (link && link.localName.toLowerCase() != "a")
		link = link.parentNode;
		
    if (link && link.hash)
    {
		if(link.hash == "#save") {
			saveSettings(document.location.city.value,
				document.location.state.value,
				document.location.country.value,
				document.methods.fajrMethod.value,
				document.methods.ishaMethod.value,
				document.methods.asrMethod.value,
				document.location.tz.value,
				document.location.dst.checked); 
		} else if(link.hash == "#donate") {
			window.location = "http://guidanceapp.com/donate/";
		} else if(link.hash == "#guidanceapp") {
			window.location = "http://guidanceapp.com/";			
		} else {
			var page = document.getElementById(link.hash.substr(1));
			showPage(page);
		}
	}
}, true);


function checkOrientAndLocation()
{
    if (window.outerWidth != currentWidth)
    {
        currentWidth = window.outerWidth;

        var orient = currentWidth == 320 ? "profile" : "landscape";
        document.body.setAttribute("orient", orient);
    }

    if (location.hash != currentHash)
    {
        currentHash = location.hash;

        var pageId = currentHash.substr(hashPrefix.length);
        var page = document.getElementById(pageId);
        if (page)
        {
            var index = pageHistory.indexOf(pageId);
            var backwards = index != -1;
            if (backwards)
                pageHistory.splice(index, pageHistory.length);
                
            showPage(page, backwards);
        }
    }
}
    
function showPage(page, backwards)
{
    if (currentDialog)
    {
        currentDialog.removeAttribute("selected");
        currentDialog = null;
    }

    if (page.className.indexOf("dialog") != -1)
        showDialog(page);
    else
    {        
        location.href = currentHash = hashPrefix + page.id;
        pageHistory.push(page.id);

        var fromPage = currentPage;
        currentPage = page;

        var pageTitle = document.getElementById("pageTitle");
        var settingsButton = document.getElementById("settingsButton");
		var saveButton = document.getElementById("saveButton");
        pageTitle.innerHTML = page.title || "";

        var homeButton = document.getElementById("homeButton");
        if (homeButton)
            homeButton.style.display = ("#"+page.id) == homeButton.hash ? "none" : "inline";
        
        if(page.id == "settings") {
        	settingsButton.style.display = "none";
			saveButton.style.display = "block";
        } else {
        	settingsButton.style.display = "block";
			saveButton.style.display = "none";
        }	

        if (fromPage)
            setTimeout(swipePage, 0, fromPage, page, backwards);
    }
}

function swipePage(fromPage, toPage, backwards)
{        
    toPage.style.left = "100%";
    toPage.setAttribute("selected", "true");
    scrollTo(0, 1);

    fromPage.style.left = "100%";
    toPage.style.left = "0%";
	fromPage.removeAttribute("selected");
}

function showDialog(form)
{
    currentDialog = form;
    form.setAttribute("selected", "true");
    
    form.onsubmit = function(event)
    {
        event.preventDefault();
        form.removeAttribute("selected");

        var index = form.action.lastIndexOf("#");
        if (index != -1)
            showPage(document.getElementById(form.action.substr(index+1)));
    }

    form.onclick = function(event)
    {
        if (event.target == form)
            form.removeAttribute("selected");
    }
}

})();