﻿(function()
{
    Jowba.ApplyAil("MainSearchButton", SystemInfo.TemplateName, "Header/FindButton.png", 6);
    Jowba.ApplyAil("MainLogo", SystemInfo.TemplateName, "Logo.png", 6);

    document.getElementById("MainSearchButton").onclick = function()
    {
        var panel = this.parentNode;
        var inputs = panel.getElementsByTagName("input");

        inputs[0].focus();
        inputs[0].onfocus();
        inputs[0].onblur = null;

        inputs[1].focus();
        inputs[1].onfocus();
        inputs[1].onblur = null;

        this.parentNode.parentNode.submit();
        return false;
    }
    
    function keydownEvent(e)
    {
        var chr = null;
        
        if(window.event)
        {
            chr = window.event.keyCode;
        }
        else if(e)
        {
            chr = e.which;
        }
        
        if(chr == 13)
        {
            var inputs = this.parentNode.parentNode.getElementsByTagName("input");
            
            inputs[0].focus();
            inputs[0].onfocus();
            inputs[0].onblur = null;

            inputs[1].focus();
            inputs[1].onfocus();
            inputs[1].onblur = null;

            this.parentNode.parentNode.parentNode.submit();
        }
    }

    function setupSearchBox()
    {
        var searchBar = document.getElementById("MainSearchBar");
        var inputs = searchBar.getElementsByTagName("input");
        var placeholderText = SEARCH_MESSAGE;
        var placeholderText2 = LOCATION_MESSAGE;
        
        if(inputs[0].value.length == 0 || inputs[0].value == placeholderText)
        {
            inputs[0].style.color = "#aaa";
            inputs[0].style.fontStyle = "italic";
            inputs[0].value = placeholderText;
        }
        
        inputs[0].onfocus = function()
        {
            if(this.style.fontStyle == "italic")
            {
                this.style.color = "#fff";
                this.style.fontStyle = "";
                this.value = "";
            }
        }
        
        inputs[0].onblur = function()
        {
            if(Daedalus.Utility.Trim(this.value).length == 0)
            {
                this.style.color = "#aaa";
                this.style.fontStyle = "italic";
                this.value = placeholderText;
            }
        }
        
        if(inputs[1].value.length == 0 || inputs[1].value == placeholderText2)
        {
            inputs[1].style.color = "#aaa";
            inputs[1].style.fontStyle = "italic";
            inputs[1].value = placeholderText2;
        }
        
        inputs[1].onfocus = function()
        {
            if(this.style.fontStyle == "italic")
            {
                this.style.color = "#fff";
                this.style.fontStyle = "";
                this.value = "";
            }
        }
        
        inputs[1].onblur = function()
        {
            if(Daedalus.Utility.Trim(this.value).length == 0)
            {
                this.style.color = "#aaa";
                this.style.fontStyle = "italic";
                this.value = placeholderText2;
            }
        }

        // Detect enter key and submit form
        inputs[0].onkeydown = keydownEvent;
        inputs[1].onkeydown = keydownEvent;
    }
    
    setupSearchBox();
})();