var lUri = '';
var lFilter = {};
var lLimit = '';
var iMore = 0;
$(document).ready(function()
{
    
    $("#recently").tablesorter({widgets: ['zebra']});
    $("#filterForm").submit(filterAction);


    lUri = '/filter/' + 'recently';
    var filter = '';
    $('#tabs div.atab').hide();
    $('#tabs div:first').show();
    $('#tabs ul li:first').addClass('active');

    $('#tabs ul li a').click(function()
    {
        $('#tabs ul li').removeClass('active');
        $(this).parent().addClass('active');
        var currentTab = $(this).attr('href');
//        $('#tabs div.atab').hide();
//        $(currentTab).show();
//        alert(currentTab);
        switch(currentTab)
        {
            case '#tab-1':
                filter = 'recently';
                break;
            case '#tab-2':
                filter = 'popular';
                break;
            case '#tab-3':
                filter = 'rated';
                break;
            case '#tab-4':
                filter = 'random';
                break;
            case '#tab-5':
                filter = 'solos';
                break;
        }
        
        lUri = '/filter/' + filter;
        lFilter = {};
        iMore = 0;
        getList();
        return false;
    });

    $('#pageLimit a').click(function()
    {
        $('#pageLimit a').removeClass('select');
        $('#pageLimit a').addClass('grdot');
        $(this).addClass('select');
        lLimit = '/limit/' + $(this).html();
        getList();
    });

});

function filterAction()
{
    lUri = '';
    lFilter = $(this).serialize();
    iMore = 0;
    getList();
}
function moreAction()
{
    iMore += 20;
    getList();
}

function getList()
{
    var lMore = '/more/' + iMore;
    var curi = '/' + controller + '/lang/' + lang + lUri + lLimit + lMore;
    $.post(curi, lFilter, loadList, 'html');
}

function loadList(data){
//    alert(data);
    $('#recently').replaceWith(data);
    $("#recently").tablesorter({widgets: ['zebra']});
}

function showFilter(status)
{
    if(status) {
        $("#filterDiv").slideDown('slow');
        $("#filterState").html('on');
        $("#filterBtn1").hide();
        $("#filterBtn0").show();
    }
    else
    {
        $("#filterDiv").slideUp('slow');
        $("#filterState").html('off');
        $("#filterBtn0").hide();
        $("#filterBtn1").show();
    }

}

function sendVote(rate, t)
{
    $.post('/tab/vote/', {'type': t, 'rate': rate, 'id': $("#tabId").val()});
}
function starmoveroff(number)
{
    document.getElementById('starmetr').onmouseout = '';
    document.getElementById('starmetr').onmouseover = '';
    document.getElementById('starhaverating').className = 'havenone';
    document.getElementById('starblock5').onmouseover = '';
    document.getElementById('starblock4').onmouseover = '';
    document.getElementById('starblock3').onmouseover = '';
    document.getElementById('starblock2').onmouseover = '';
    document.getElementById('starblock1').onmouseover = '';
    document.getElementById('starblock5').className = 'unsetbg';
    document.getElementById('starblock4').className = 'unsetbg';
    document.getElementById('starblock3').className = 'unsetbg';
    document.getElementById('starblock2').className = 'unsetbg';
    document.getElementById('starblock1').className = 'unsetbg';

    document.getElementById('starblock' + number).className = 'setbg';
    document.getElementById('starnumber').value = number;

    sendVote(number, 'rating');
}

function lvlmoveroff(number)
{
    document.getElementById('lvlmetr').onmouseout = '';
    document.getElementById('lvlmetr').onmouseover = '';
    document.getElementById('lvlhaverating').className = 'havenone';
    document.getElementById('lvlblock5').onmouseover = '';
    document.getElementById('lvlblock4').onmouseover = '';
    document.getElementById('lvlblock3').onmouseover = '';
    document.getElementById('lvlblock2').onmouseover = '';
    document.getElementById('lvlblock1').onmouseover = '';
    document.getElementById('lvlblock5').className = 'unsetbg';
    document.getElementById('lvlblock4').className = 'unsetbg';
    document.getElementById('lvlblock3').className = 'unsetbg';
    document.getElementById('lvlblock2').className = 'unsetbg';
    document.getElementById('lvlblock1').className = 'unsetbg';

    document.getElementById('lvlblock' + number).className = 'setbg';
    document.getElementById('lvlnumber').value = number;
    sendVote(number, 'level');
}

function addComment()
{
    if('' == $("#comContent").val()) {
        $("#comContent").addClass('tferror');
        return false;
    }
    if('' == $("#comName").val() || 'Your name' == $("#comName").val()) {
        $("#comName").addClass('tferror');
        return false;
    }

    $.post('/tab/comment', $("#commentForm").serialize(), showComment, "json");
    $(".tferror").removeClass('tferror');
}
function showComment(data)
{
    if (data.html)
    {
        $(data.html).insertAfter("#commentForm");
        $("#comName").val('');
        $("#comContent").val('');
    }
    if(data.captcha) {
        $("#captcha").html(data.captcha);
    }

}