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;

        var rows = jobTable.rows;
        
        for(var i=0; i<rows.length; i++)
        {
            if(rows[i].cells[0].nodeName.toLowerCase() == "td")
            {
                rows[i].onmouseover = function()
                {
                    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);
                }
                
                rows[i].onclick = function()
                {
                    window.location.href = this.cells[2].getElementsByTagName("a")[2].href;
                }
            }
        }

        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, "");
    }
    
    __JobViewer.prototype.UpVote = function(evt, jobId, link)
    {
        if (!evt) var evt = window.event;

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

        var imgs = $$(link.parentNode, "img");
        for(var i=0; i<imgs.length; i++)
        {
            imgs[i].src = imgs[i].src.replace(/Default[.]gif|Hover[.]gif/gi, "Locked.gif");
            imgs[i].parentNode.blur();
        }
        link.parentNode.style.visibility = "hidden";

        if(document.cookie)
        {
            var ids = getCookie("voted");
            var idList = (ids ? ids.split(',') : []);
            
            for(var i=0; i<idList.length; i++)
            {
                if(jobId == idList[i])
                {
                    return;
                }
            }

            YAHOO.util.Connect.asyncRequest("GET", "Ajax/Vote.aspx?id=" + jobId + "&v=1", null, "");
        }
    }
    
    __JobViewer.prototype.DownVote = function(evt, jobId, link)
    {
        if (!evt) var evt = window.event;

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

        var imgs = $$(link.parentNode, "img");
        for(var i=0; i<imgs.length; i++)
        {
            imgs[i].src = imgs[i].src.replace(/Default[.]gif|Hover[.]gif/gi, "Locked.gif");
            imgs[i].parentNode.blur();
        }
        link.parentNode.style.visibility = "hidden";

        if(document.cookie)
        {
            var ids = getCookie("voted");
            var idList = (ids ? ids.split(',') : []);
            
            for(var i=0; i<idList.length; i++)
            {
                if(jobId == idList[i])
                {
                    return;
                }
            }

            YAHOO.util.Connect.asyncRequest("GET", "Ajax/Vote.aspx?id=" + jobId + "&v=-1", null, "");
        }
    }

    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 - 1;
                for(var i=0; i<childLen; i++) jobTable.deleteRow(1);
                
                // Create pagination
                $("jobPaginationPanel").innerHTML = pagination.firstChild.nodeValue;
                
                for(var i=0; i<nodes.length; i++)
                {
                    var panelRow = jobTable.insertRow(i+1);

                    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 hasLogo = $$(xmlDoc, "hasLogo")[i].firstChild.nodeValue;
                    var postDate = $$(xmlDoc, "postDate")[i].firstChild.nodeValue;
                    var photoCount = parseInt($$(xmlDoc, "photoCount")[i].firstChild.nodeValue);

                    var companyLink = "Companies/" + companyName.replace(new RegExp("[^A-Z0-9_]+", "ig"), "-") + "-" + companyId + ".aspx";

                    panelRow.cells[0].innerHTML = "<div style=\"width:45px;height:30px;background-image:url(" + (hasLogo == "1" ? (companyId == "0" ? "API/Image/Resize.aspx?id=" + jobId + "&amp;w=45&amp;h=30&amp;t=jobLogo" : "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:90px;\">" + (companyId != 0 ? "<a href=\"" + companyLink + "\" style=\"color:#333;\" onclick=\"cancelEvent(event);\">" + companyName.htmlEncode() + "</a>" : "<span style=\"color:#555;\">" + companyName.htmlEncode() + "</span>") + "</div>";
                    panelRow.cells[2].innerHTML = "<div style=\"font-weight:bold;\">" +
                                                      //"<div class=\"VotePanel\">" +
                                                          //"<a href=\"javascript:;\" onclick=\"JobViewer.UpVote(event,'" + jobId +"',this);return false;\" style=\"display:block;line-height:14px;\"><img src=\"App_Themes/Default/Images/Common/Icons/UpVoteDefault.gif\" alt=\"\" onmouseover=\"this.src=this.src.replace('Default.gif','Hover.gif');\" onmouseout=\"this.src=this.src.replace('Hover.gif','Default.gif');\" /></a><a href=\"javascript:;\" onclick=\"JobViewer.DownVote(event,'" + jobId +"',this);return false;\" style=\"display:block;line-height:14px;\"><img src=\"App_Themes/Default/Images/Common/Icons/DownVoteDefault.gif\" alt=\"\" onmouseover=\"this.src=this.src.replace('Default.gif','Hover.gif');\" onmouseout=\"this.src=this.src.replace('Hover.gif','Default.gif');\" /></a>" +
                                                      //"</div>" +
                                                      "<a href=\"Jobs/" + title.htmlEncode().replace(new RegExp("[^A-Z0-9_]+", "ig"), "-") + "-" + jobId + ".aspx\" onclick=\"cancelEvent(event);\">" + title + "</a><span style=\"display:none;\">" + jobId + "</span>" +
                                                  "</div>";
                    panelRow.cells[3].innerHTML = (companyId != 0 ? "<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" : "") + "\" />" : "<img src=\"App_Themes/Default/Images/HomePage/NoPic.gif\" />");
                    panelRow.cells[4].innerHTML = "<div style=\"width:100px;\"><a href=\"javascript:;\" onclick=\"$('searchText').value='';$('searchLocation').value=this.innerHTML;performSearch(event);return false;\" style=\"color:#555;\">" + address.trim() + "</a></div>";
                    panelRow.cells[5].innerHTML = "<div style=\"width:60px;\">" + postDate + "</div>";

                    panelRow.cells[0].style.padding = panelRow.cells[3].style.padding = "0px";
                }

                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();
            }
        }

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

})();