var regTotal = 0;
var pageSize = 5;
var page = 1;


function GetAllMainCount() {
    $.ajax({
        type: "POST",
        url: "/Default.aspx/GetAllMainCount",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async:false,
        success: function(msg) {
        regTotal = msg.d;
        }
    });

    if(regTotal >= pageSize)
        $("#btn").html("<div class=\"button button_grey\" style=\"width: 544px;\"><a href=\"javascript:GetMainTitle()\" id=\"btnx\">Mostrar mais</a></div>");
    page += 1;
}

function GetMainTitle() {

    if ((page * pageSize) >= regTotal)
        $("#btn").html("<img src='/Images/miniLoading.gif'>");  
    
    $.ajax({
        type: "POST",
        url: "/Default.aspx/GetMainTitle",
        data: "{'pageSize':'" + pageSize + "', 'page':'" + page + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {

            if (msg == undefined)
                return;

            var m = msg.d.length;

            for (var i = 0; i < m; i++) {
                $("#pagers").append(printItem(msg.d[i].image, msg.d[i].href, msg.d[i].title, msg.d[i].path, msg.d[i].updateDate));
            }

            if ((page * pageSize) >= regTotal)
                $("#btn").hide();
            else
                $("#btn").html("<div class=\"button button_grey\" style=\"width: 544px;\"><a href=\"javascript:GetMainTitle()\" id=\"btnx\">Mais títulos</a></div>");
            page += 1;

 
            
           

        }
    });


}

function printItem(image, href, title, path, updateDate) {
        var item = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" style=\" background:#F2F2F2; margin-bottom:10px;\" cellpadding=\"2\">";
        item += "    <tr>";
        item += "      <td width=\"16%\"><div class=\"foto\"><img src=\""+ image +"\" width=\"70\"  height=\"70\" /></div></td>";
        item += "        <td width=\"84%\" valign=\"middle\"><table width=\"100%\" border=\"0\" cellspacing=\"4\" cellpadding=\"0\">";
        item += "           <tr>";
        item += "                <td><a href=\""+ href +"\" target=\"_blank\" class=\"hf_black\" style=\"color:#000\">"+ title +"</a></td>";
        item += "           </tr>";
        item += "                <tr>";
        item += "                  <td>Exibido em: "+ path +"</td>";
        item += "               </tr>";
        item += "                <tr>";
        item += "                <td>Última atualização: "+ updateDate +"</td>";
        item += "           </tr>"
        item += "        </table></td>"
        item += "     </tr>"
        item += "   </table>";
        return item;
}