var JobViewer = new __JobViewer();

function __JobViewer() {}

(function()
{

    var LOADING_PREVIEW = false;

    __JobViewer.prototype.ShowAjaxPage = function()
    {
        var index = document.location.href.indexOf("#");

        if (index > 0)
        {
            var info = document.location.href.substring(index + 1);
            var infoArr = info.split('/');

            this.RefreshList(infoArr[2], unescape(infoArr[1]));
        }
    }

    __JobViewer.prototype.RefreshList = function(page, search)
    {
        GetJobList(page, (search ? search : ""));
    }

    __JobViewer.prototype.AssignHoverEffect = function()
    {
        var jobTable = document.getElementById("jobTable");

        if (!jobTable) return;

        jobTable.onmouseout = function()
        {
            JobViewer.ClosePreview();
        }
        
        var rows = jobTable.rows;

        for (var i = 0; i < rows.length; i++)
        {
            if (rows[i].cells[0].nodeName.toLowerCase() == "td")
            {
                rows[i].onmouseover = function(evt)
                {
                    for (var j = 0; j < rows.length; j++)
                    {
                        if (this != rows[j])
                        {
                            removeHover(rows[j]);
                        }
                    }

                    this.className = "BlueHover";

                    var spans = $$(this, "span");
                    JobViewer.Preview(this, spans[0].innerHTML);

                    this.onclick = function()
                    {
                        window.location.href = this.cells[2].getElementsByTagName("a")[0].href;
                    }

                    if (!evt) var evt = window.event;

                    if (window.event)
                        window.event.cancelBubble = true;
                    else if (evt.stopPropagation)
                        evt.stopPropagation();
                }
            }
        }

        function removeHover(row)
        {
            row.className = "";
        }
    }

    __JobViewer.prototype.ClosePreview = function()
    {
        if (CURRENT_PREVIEW) CURRENT_PREVIEW.style.display = "none";

        CURRENT_PREVIEW = $("welcomePanel");
        $("welcomePanel").style.display = "";
        $("closeLink").style.display = "none";
    }

    __JobViewer.prototype.Preview = function(dataRow, jobId)
    {
        if (LOADING_PREVIEW || !PAGE_LOADED) return;

        // Hide current preview
        if (CURRENT_PREVIEW) CURRENT_PREVIEW.style.display = "none";

        // Show cached preview if exist
        if (dataRow.__preview)
        {
            $("closeLink").style.display = "";
            dataRow.__preview.style.display = "";
            CURRENT_PREVIEW = dataRow.__preview;
            return;
        }

        // Fetch preview
        var callback =
        {
            success: function(o)
            {
                var xmlDoc = o.responseXML;

                var previewPanel = document.createElement("div");
                var industryList = $$(xmlDoc, "industry");

                var industry = "";

                for (var i = 0; i < industryList.length; i++)
                {
                    industry += ", " + industryList[i].firstChild.nodeValue;
                }

                if (industry.length > 0) industry = industry.trim().substring(2);

                var previewHtml =
                "<div style=\"background-image:url(" + $$(xmlDoc, "logo")[0].firstChild.nodeValue + ");background-position:center top;background-repeat:no-repeat;height:80px;border-bottom:dotted #ccc 1px;\"></div>" +
                "<table cellspacing=\"0\" cellpadding=\"0\" style=\"vertical-align:top;font-size:95%;\">" +
                "<tr><td style=\"padding:5px 20px 5px 0px;vertical-align:top;\">Salary</td><td style=\"padding:5px 0px 5px 0px;color:#dc861c;\">" + $$(xmlDoc, "salary")[0].firstChild.nodeValue + "</td></tr>" +
                "<tr><td style=\"padding:5px 20px 5px 0px;vertical-align:top;\">Type</td><td style=\"padding:5px 0px 5px 0px;color:#dc861c;\">" + $$(xmlDoc, "jobType")[0].firstChild.nodeValue + "</td></tr>" +
                "</table>" +
                "<div style=\"padding:10px 0px;border-bottom:dotted #ccc 1px;color:#c15b02;font-weight:bold;\">" + $$(xmlDoc, "title")[0].firstChild.nodeValue + "</div>" +
                "<div style=\"padding:10px 0px;margin-bottom:10px;border-bottom:solid #ccc 1px;font-weight:bold;\">Overview</div>" +
                "<div style=\"line-height:1.6em;\">" + ($$(xmlDoc, "information")[0].firstChild ? $$(xmlDoc, "information")[0].firstChild.nodeValue : "") + "</div>" +
                "</div>";

                previewPanel.innerHTML = previewHtml;

                $("welcomePanel").style.display = "none";

                $("previewPanel").appendChild(previewPanel);

                CURRENT_PREVIEW = dataRow.__preview = previewPanel;
                $("loadingIndicator").style.visibility = "hidden";
                LOADING_PREVIEW = false;
                $("closeLink").style.display = "";
            }
        }

        LOADING_PREVIEW = true;
        $("loadingIndicator").style.visibility = "";
        YAHOO.util.Connect.asyncRequest("GET", "Ajax/GetJobPreview.aspx?jid=" + jobId, callback, "");
    }

    function GetStaticUrl()
    {
        var staticUrl = window.location.href;

        if (staticUrl.indexOf("p=") > 0)
        {
            staticUrl = staticUrl.replace(new RegExp("p=[^&]*", "ig"), "p={0}");
        }
        else
        {
            staticUrl = (staticUrl.indexOf('?') > 0 ? staticUrl + "&p={0}" : staticUrl + "?p={0}");
        }

        return Daedalus.Utility.UrlEncode(staticUrl);
    }

    function GetJobList(pageNumber, search)
    {
        var jobTable = document.getElementById("jobTable");
        search = search.trim();

        // Make HTTP request
        var callback =
        {
            success: function(o)
            {
                var xmlDoc = o.responseXML;
                var nodes = $$(xmlDoc, "job");
                var pagination = $$(xmlDoc, "pagination")[0];

                if (search && search.length > 0) $("rssLink").href = "Rss/Search.aspx?s=" + search.urlEncode();

                // Delete old data
                var childLen = jobTable.rows.length;
                for (var i = 0; i < childLen; i++) jobTable.deleteRow(0);

                // Create pagination
                $("jobPaginationPanel").innerHTML = pagination.firstChild.nodeValue;

                for (var i = 0; i < nodes.length; i++)
                {
                    var panelRow = jobTable.insertRow(i);

                    for (var j = 0; j < 5; j++) panelRow.insertCell(j);

                    var jobId = $$(xmlDoc, "jobId")[i].firstChild.nodeValue;
                    var title = $$(xmlDoc, "title")[i].firstChild.nodeValue;
                    var companyName = $$(xmlDoc, "companyName")[i].firstChild.nodeValue;
                    var companyId = $$(xmlDoc, "companyId")[i].firstChild.nodeValue;
                    var address = $$(xmlDoc, "address")[i].firstChild.nodeValue;
                    var photoCount = parseInt($$(xmlDoc, "photoCount")[i].firstChild.nodeValue);

                    var companyLink = "Companies/" + companyName.replace(new RegExp("[\\W_1234567890]+", "ig"), "-") + "-" + companyId + ".aspx";

                    panelRow.cells[0].innerHTML = "<div style=\"width:45px;height:30px;background-image:url(API/Image/Resize.aspx?id=" + companyId + "&amp;w=45&amp;h=30&amp;t=logo);background-position:center center;background-repeat:no-repeat;\">&nbsp;</div>";
                    panelRow.cells[1].innerHTML = "<div style=\"width:100px;height:30px;line-height:30px;overflow:hidden;white-space:normal;\"><a href=\"" + companyLink + "\" style=\"color:#555;\" onclick=\"cancelEvent(event);\">" + companyName + "</a></div>";
                    panelRow.cells[2].innerHTML = "<div style=\"height:30px;line-height:30px;overflow:hidden;font-weight:bold;white-space:normal;\"><a href=\"Jobs/" + title.replace(new RegExp("[\\W_1234567890]+", "ig"), "-") + "-" + jobId + ".aspx\" onclick=\"cancelEvent(event);\">" + title + "</a><span style=\"display:none;\">" + jobId + "</span></div>";
                    panelRow.cells[3].innerHTML = "<a href=\"" + companyLink + "\" onclick=\"cancelEvent(event);\"><img src=\"" + (photoCount > 0 ? "App_Themes/Default/Images/HomePage/HasPic.gif" : "App_Themes/Default/Images/HomePage/NoPic.gif") + "\" alt=\"\" title=\"" + (photoCount > 0 ? "This company has photos" : "") + "\" /></a>";
                    panelRow.cells[4].innerHTML = "<div style=\"width:90px;height:30px;line-height:30px;overflow:hidden;white-space:normal;\"><a href=\"javascript:;\" onclick=\"$('searchText').value='';$('searchLocation').value=this.innerHTML;performSearch(event);return false;\" style=\"color:#555;\">" + address.trim() + "</a></div>";

                    panelRow.cells[0].style.borderBottom = panelRow.cells[1].style.borderBottom = panelRow.cells[2].style.borderBottom = panelRow.cells[3].style.borderBottom = panelRow.cells[4].style.borderBottom = "dotted #ddd 1px";
                    panelRow.cells[0].style.width = "60px";
                    panelRow.cells[0].style.padding = "0px";
                    panelRow.cells[1].style.width = "100px";
                    panelRow.cells[1].style.padding = panelRow.cells[2].style.padding = panelRow.cells[4].style.padding = "0px 15px";
                    //panelRow.cells[2].style.width = "60%";

                    panelRow.cells[0].style.cursor = panelRow.cells[1].style.cursor = panelRow.cells[2].style.cursor = panelRow.cells[3].style.cursor = "pointer";
                }

                JobViewer.AssignHoverEffect();

                // Clear preview panel
                var previewPanel = $("previewPanel");
                var welcomePanel = previewPanel.removeChild($("welcomePanel"));

                // Create caption for search
                var caption = $("caption");
                if (search && search.length > 0)
                {
                    var link = $("advanceSearchLink");
                    if (!caption.__defaultText) caption.__defaultText = caption.innerHTML;
                    caption.innerHTML = "Found <span style=\"font-size:18px;color:#e66d00;font-style:italic;font-family:Georgia;\">" + xmlDoc.documentElement.getAttribute("count") + "</span> results for " + (link.innerHTML == "close" ? "your search!" : "<span style=\"font-size:18px;color:#e66d00;font-style:italic;font-family:Georgia;\">" + Daedalus.Utility.HtmlEncode(search) + "</span>");
                }
                else
                {
                    if (caption.__defaultText) caption.innerHTML = caption.__defaultText;
                }

                previewPanel.innerHTML = "";
                previewPanel.appendChild(welcomePanel);

                welcomePanel.style.display = "";
                CURRENT_PREVIEW = welcomePanel;
                $("closeLink").style.display = "none";

                Daedalus.Ajax.HideLoadingPanel();
            }
        }

        document.location.href = "#/" + (search ? search.urlEncode() : "") + "/" + pageNumber;
        YAHOO.util.Connect.asyncRequest("GET", "Ajax/GetJobList.aspx?p=" + pageNumber + (search ? "&s=" + search.urlEncode() : ""), callback, "");
    }

})();