Page = {};
page = Page;

$(document).ready(function() {
    initSite();
});

initSite = function() {
    page.searchAutoComplete();
}

/************** Page *****************/
Page.searchAutoComplete = function() {
    $("input#search").autocomplete(
    "/ajax/BoxesList",
    {
        delay: 300,
        max: 10,
        formatItem: function(row, i, max) {
            return row[0];
        },
        width: 200,
        scroll: false
    }).result(function(event, row) {
        location.href = row[1];
    });
}

Page.searchBoxAlpha = function() {
    var search_term = $("#searchAlpha").val();
    var search_type = $("#searchAlphaType").val();
    var dataString = 'title=' + search_term + '&type=' + search_type;
    $.ajax({
        type: "GET",
        url: "/ajax/BoxListAlphabetically",
        data: dataString,
        cache: false,
        beforeSend: function(data) {
            $("#full__list").html('');
            $("#searchAlpha").addClass("loading");
        },
        success: function(data) {
            $("#full_list").html(data);
            $("#searchAlpha").removeClass("loading");
        }
    });
};

Page.loadPlayer = function(index) {
    var dataString = 'linkID=' + index;
    $.ajax({
        type: "GET",
        url: "/ajax/LoadPlayer",
        data: dataString,
        cache: false,
        beforeSend: function(data) {
            $("#player").html('<div class="loading">&nbsp;</div>');
        },
        success: function(data) {
            $("#player").html(data);
        }
    });
};

Page.wsTabToggle = function(index) {
    $(".wsTabBody").each(function() {
        $(this).css('display', 'none');
    });
    $(".wsTabs li").each(function() {
        $(this).children().removeClass("active");
    });
    var displayTab = '#wsTab' + index;
    var displayTabBody = '#wsTabBody' + index;
    $(displayTab).addClass('active');
    $(displayTabBody).css('display', 'block');
}

Page.CheckLinks = function(type, id) {
    var dataString = 'id=' + id + '&type=' + type;
    $.ajax({
        type: "GET",
        url: "/ajax/CheckLinks",
        data: dataString,
        cache: false,
        beforeSend: function(data) {
            $("#check-link").removeClass("check-link");
            $("#check-link").addClass("chkloading");
        },
        success: function(data) {
            document.location.reload(true);
        }
    });
}