/// <reference path="vsdoc.js" />

function searchButton() { return $("#searchButton"); }

$(function() {
    $("#searchText").inputEntry({
        rightIconDisplayed: false
    });

    searchButton().iconButton({
        iconType: "search",
        title: "Sök",
        onClick: function() {
            _scrollTo = 0;
            $(".aid").val($(".namedAuktionsSelect").val());
            $(".cid").val($(".categorySelect").val());
            $(".filter").val($("input[name=searchTextEntry]").val());
            var hash = "filter=" + $("input[name=searchTextEntry]").val() + "&aid=" + $(".namedAuktionsSelect").val() + "&cid=" + $(".categorySelect").val();
            window.location.hash = hash;
        }
    });



    $('.namedAuktionsSelect').change(function() {
        populateCategories($(this).val());
        _scrollTo = 0;
        var hash = "filter=" + $("input[name=searchTextEntry]").val() + "&aid=" + $(".namedAuktionsSelect").val() + "&cid=0"; // +$(".categorySelect").val();
        window.location.hash = hash;
    });

    $('.categorySelect').change(function() {
        _scrollTo = 0;
        var hash = "filter=" + $("input[name=searchTextEntry]").val() + "&aid=" + $(".namedAuktionsSelect").val() + "&cid=" + $(".categorySelect").val();
        window.location.hash = hash;
    });

});

function populateCategories(auktionId){
    Euktion.FrontEnd.Asp.WebServices.ClientSearchBarService.GetCatergories(auktionId, loadCategories, OnAjaxCallTimeOut, OnAjaxCallError);   
}

function loadCategories(aResults){
$(".categorySelect>option").remove();
$(".categorySelect").append($('<option></option>').val(0).html("Alla kategorier"));
for (var index in aResults) {
        var result = aResults[index];
        if(result.Active ==0){
            $(".categorySelect").append($('<option></option>').val(result.ID).html(result.Name).attr("disabled","disabled"));
        }
        else{
            $(".categorySelect").append($('<option></option>').val(result.ID).html(result.Name));
        }
    }
}

function getTableData(){
    Euktion.FrontEnd.Asp.WebServices.ClientObjectService.GetObjects($(".namedAuktionsSelect").val(), $(".categorySelect").val(), "%" + $("input[name=searchTextEntry]").val() + "%", buildTable, OnAjaxCallTimeOut, OnAjaxCallError);
}

function buildTable(aResults) {
    $("#FrameContent").contents().find("#ObjectListTable > tbody").children('tr:not(:first)').remove();
for (var index in aResults) {
    var data = aResults[index];
        var td = "<tr><td><table class='ui-dialog-table ui-widget ui-state-active ui-corner-all' style='height: 80px; width: 500px;' id='ObjectRow'>";                          
        td += "<tbody>";
        td += "<tr>";                            
        td += 	"<td style='width: 60px;' rowspan=2>";
        td += 		"<a href='ObjectPage.aspx?objectid=" + data.ID + "'>";
        td += 			"<img style='border-width: 0px; width: 60px;' src='~/" + data.Url +"' title='" + data.Title + "' >";
        td += 		"</a>";
        td += 	"</td>";
        td += 	"<td align=left>";
        td += "<a  href='ObjectPage.aspx?objectid=" + data.ID + "'>" + data.Title;
        td += 		"</a>";                                
        td += 	"</td>";                              
        td += 	"<td align=left style='color: Gray; width: 60px;'>";                                    
        td += 		"<span>" + data.Current_Price>0? "Inga Bud":data.Current_Price;
        td += 		"</span>";
        td += 	"</td>";
        td += 	"<td align=right style='color: Gray; width: 110px;'>";
        td += 		"<span title=Tid Kvar: 17 dagar 23 timmar 17 minuter 39 sekunder >2010/02/25 11:00";
        td += 		"</span>";
        td += 	"</td>";
        td +=  "</tr>"                          
        td +=  "<tr>";                               
        td += 	    "<td valign=top style='color: Gray;' colspan=2>";
        td += 		data.Description;
        td += 	"</td>";                               
        td += 	"<td>";                                  
        td +=  		"<a href='ObjectPage.aspx?objectid=" + data.ID + "'>";
        td += 		"</a>";                                
        td += 	"</td>";                            
        td += "</tr>";                        
        td += "</tbody>";
        td += "</table></td></tr>";
        //$('#ObjectListTable  > tbody:last').append(td);
        $("#FrameContent").contents().find("#ObjectListTable > tbody:last").append(td);
    }
}