var THUMBNAIL_SPACE = 25;

function NextThumbnailsList(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage)
{
    ClearThumbnailsList();
    ShowThumbnailsNavLoadIndicator();
    LoadThumbnailsList(idChannel, parseInt(thumbPage) + 1, thumbPerPage, blogPage, blogPerPage, false);
}

function PrevThumbnailsList(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage)
{
    ClearThumbnailsList();
    ShowThumbnailsNavLoadIndicator();
    LoadThumbnailsList(idChannel, parseInt(thumbPage) - 1, thumbPerPage, blogPage, blogPerPage, true);
}


function ClearThumbnailsList()
{
    GetElement('thumbnailsNavigationList').innerHTML = ' ';
}

function ShowThumbnailsNavLoadIndicator()
{
    GetElement('thumbnailsNavLoadIcon').style.visibility = 'visible';
}

function HideThumbnailsNavLoadIndicator()
{
    GetElement('thumbnailsNavLoadIcon').style.visibility = 'hidden';
}

function LoadThumbnailsList(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage, previous)
{
    var varsAr =
    [
        "id_channel",
        "thumb_page",
        "thumb_per_page",
        "blog_page",
        "blog_per_page",
        "previous"
    ];

    var valuesAr =
    [
        idChannel,
        thumbPage,
        thumbPerPage,
        blogPage,
        blogPerPage,
        previous ? 1 : 0
    ];

    var queryString = UriSerialize(varsAr, valuesAr);
    var getThumbnailsNavScript = "/slidelog_utils/get_thumbnails_nav.php";
    ajaxpage(getThumbnailsNavScript, OnLoadThumbnailsNav, queryString);
}

function OnLoadThumbnailsNav(response)
{
    if( response )
    {
        HideThumbnailsNavLoadIndicator();

        var results = ParseQueryString(response);

        var idChannel    = parseInt(GetQueryStringParam(results, 'id_channel'));
        var thumbPage    = parseInt(GetQueryStringParam(results, 'thumb_page'));
        var thumbPerPage = parseInt(GetQueryStringParam(results, 'thumb_per_page'));
        var blogPage     = parseInt(GetQueryStringParam(results, 'blog_page'));
        var blogPerPage  = parseInt(GetQueryStringParam(results, 'blog_per_page'));
        var hasNext      = parseInt(GetQueryStringParam(results, 'hasNext'));

        BuildResourcesList('thumbnailsNavigationList', results, thumbPerPage, THUMBNAIL_SPACE);

        SetThumbnailsPrev(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage);
        SetThumbnailsNext(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage, hasNext);
    }
}


function SetThumbnailsPrev(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage)
{
    var oLink = GetElement('thumbnailsNavPreviousLink');
    var oImg = GetElement('thumbnailsNavPreviousImage');
    if (thumbPage > 1)
    {
        oLink.onclick = function(){ PrevThumbnailsList(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage); };
        oLink.style.cursor = "pointer";
        oLink.style.visibility = "";
    }
    else
    {
        oLink.onclick = null;
        oLink.style.cursor = "default";
        oLink.style.visibility = "hidden";
    }
}


function SetThumbnailsNext(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage, hasNext)
{
    var oLink = GetElement('thumbnailsNavNextLink');
    var oImg = GetElement('thumbnailsNavNextImage');
    if (hasNext == 1)
    {
        oLink.onclick = function(){ NextThumbnailsList(idChannel, thumbPage, thumbPerPage, blogPage, blogPerPage); };
        oLink.style.cursor = "pointer";
        oLink.style.visibility = "";
    }
    else
    {
        oLink.onclick = null;
        oLink.style.cursor = "default";
        oLink.style.visibility = "hidden";
    }
}

function WriteSLog(text)
{
    $("#sLog").val( $("#sLog").val() + "\n" + text );
}