var p = 1;
var m = 36;

var getChannels = function() {

    blockChannelWidget();

    var catId = /[0-9]+/.exec($("ul.filterNav li.selected").attr("id"))[0];
    var s = $("#tvChannelSortSelect").val();
    var t = /[0-9]+/.exec($("ul.selectView li.selected").attr("id"))[0];
    var containerNode = $("#channelList");
    var pagingNode = $("#channelPaging");

    if (t == 1 && !containerNode.hasClass("tvlogo")) {
        containerNode.addClass("tvlogo");
        m = 36;
    }
    else if (t == 2) {
        containerNode.removeClass("tvlogo");
        m = 32;
    }

    $.get("/" + currentPlatform() + "/tv/kanallar", { catId: catId, s: s, p: p, t: t, m: m, istvhomepage: true}, function(response) {
        containerNode.html(response.listHtml);
        pagingNode.html(response.pagingHtml);

        $("li", containerNode).mouseenter(function() {
            $(this).addClass("hover")
        }).mouseleave(function() {
            $(this).removeClass("hover")
        });

        containerNode = null;
        pagingNode = null;

        unblockChannelWidget();
    }, "json");

    catId = null;
    s = null;
    t = null;
}

var filterChannelCategory = function() {
    p = 1;

    $("ul.filterNav li").removeClass("selected");
    $(this).addClass("selected");

    getChannels();
}

var changeListType = function() {
    p = 1;

    $("ul.selectView li").removeClass("selected");
    $(this).addClass("selected");

    getChannels();
}

var changeSortType = function() {
    p = 1;

    getChannels();
}

var advancePage = function(page) {
    p = page;

    getChannels();
}

var blockChannelWidget = function() {
    $(".leftSide").block({
        message: null,
        overlayCSS: {
            backgroundColor: '#ffffff',
            opacity: 0.4
        },
        css: {
            cursor: 'wait'
        },
        baseZ: 99999
    });
}

var unblockChannelWidget = function() {
    $(".leftSide").unblock();
}

$().ready(function() {
    $("ul.filterNav li").bind("click", filterChannelCategory);
    $("#tvChannelSortSelect").bind("change", changeSortType);
    $("ul.selectView li").bind("click", changeListType);

    getChannels();    
});