function FillPosterList (PosterList,Category,Page)
{
    try
    {
        var jd="{\"Cat\":\""+Category+"\",\"Page\":"+Page+"}";
        $.ajax({
                url: "film/filmlists.asmx/GetPosterList",
                global: false,
                type: "POST",
                data: jd,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function(msg){PosterSuccess(PosterList,$.evalJSON(msg.d),Page);},
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("fail->"+errorThrown+":"+textStatus);
                }
            });
    } catch (r)
    {
    if (r.message)
        alert ("exception:"+r.message);
        else alert ("exception:"+r); 
    }
}

function PosterSuccess (PosterList, data, Page)
{
    var div = $("<div class='filmlistContainer'></div>");
    //var l = $("<ul></ul>");
    var posterUrl="film/poster.ashx?id=";
    $.each(data, function(i,item){
        var fID=item.ID;
        var filmlink = "film/details.aspx?filmid="+fID;

        var ref = $("<a href='"+filmlink+"'></a>");
        var ref2 = $("<a href='"+filmlink+"'>"+item.T+"</a>");

        var title = $("<div class='filmItemTitle'></div>");
        var image = "<div class='filmImgContainer'><img src='"+posterUrl+fID+"&size=smallposter"+"' alt=\"\" title=\""+item.T+"\" /></div>";
        
        var desc = $("<div class='filmItemDesc'>"+item.Desc+"</div>");
        var container = $("<div class='filmItemContainer'></div>");//+image+"</div>").click(function(){location.href=filmlink;});
        ref.append(image);
        title.append(ref2);
        container.append(ref).append(title).append(desc);
        
        div.append(container);
    });
    if ($("#"+PosterList+" > .filmlistContainer").length > 0)
    {
        $("#"+PosterList+" > .filmlistContainer").replaceWith(div);
    } else $("#"+PosterList).prepend(div);
}

function BuildFilmList (PosterList,Category)
{
    try
    {
        var headerText="";
        switch (Category)
        {
          case "New":
          headerText = "Nye filmer";
          break;
          case "Top":
          headerText = "Toppliste";
          break;
          case "Reccomended":
          headerText = "Vi anbefaler";
          break;
          default:
          break;
        }
        var header=$("<div class='filmlistHeader'><div class='filmlistHeaderText'>"+headerText+"</div></div>");
        $("#"+PosterList).prepend(header);
        FillPosterList (PosterList,Category,1);
        var pagerContainer = $("<div class='pagerContainer'></div>");
        var pager = $("<div class='pager'></div>");
        var i=0;
        var pageCount = 5;
        if (Category=="Reccomended") pageCount=2;
        for (i=0;i<pageCount;++i)
        {
            var page = $("<div class='ppage'>"+(i+1)+"</div>").click(function(){
                $(this).parent().children().each(function(){$(this).removeClass("ppage_sel");});
                $(this).addClass("ppage_sel");
                var sp=$(this).text();
                FillPosterList (PosterList,Category,sp);
            });
            if (i==0) page.addClass("ppage_sel");
            pager.append(page);
        }
        
        pagerContainer.append(pager);
        $("#"+PosterList+" > .filmlistHeader").append(pagerContainer);
        
    }
    catch (r)
    {
        alert ("BuildFilmList failed! " +r);
    }
}