// ---------------------------------
// promo
// ---------------------------------
var promoBanners = null;
var promoSmallCount = 0;
var promoSmallPage = 1;
function handleApp_promo() {
    $('#app-container').attr('className', 'app-promo-bcg');
    // vycistenie obsahu kontainera app-container
    $('#app-container').empty();
    if ($('#app-container-promo').length == 0) {
        $('<div class="app-container-promo" id="app-container-promo"></div>').appendTo('#app-container');

        // dva velke horne bannere
        $('<div class="promo-A" id="promo-A"></div>').appendTo('#app-container-promo');
        $('<div class="promo-B" id="promo-B"></div>').appendTo('#app-container-promo');

        // dolne male bannere
        $('<div class="arrow-left"><a href="#" onclick="return pGoToPage(\'page-\' + (promoSmallPage - 1));"></a></div>').appendTo('#app-container-promo');
        $('<div class="promo-small"><div id="promo-small-1"></div><div id="promo-small-2"></div><div id="promo-small-3"></div></div>').appendTo('#app-container-promo');
        $('<div class="arrow-right"><a href="#" onclick="return pGoToPage(\'page-\' + (parseInt(promoSmallPage) + 1));"></a></div>').appendTo('#app-container-promo');

        // strankovac malych bannerov
        $('<div class="pager" id="promo-pager"></div>').appendTo('#app-container-promo');
    } else {
        $('#app-container-promo').show();
    }

    if (promoBanners == null) {
        // nacitam bannery
        var url_main = appBaseHref;
        var url_addon = 'Promo/GetBanners';
        var url_complete = url_main + url_addon;

        showLoader();
        $.getJSON(url_complete, function (data) {
            promoBanners = data;
            pFillBanners();
            hideLoader();
        });
    } else pFillBanners();
}

// naplnenie bannerov
function pFillBanners() {
    if (promoBanners != null) {
        if (promoBanners.big != null) {
            if (promoBanners.big[0] != undefined) {
                var html = '<img src="' + imgBaseHref + promoBanners.big[0].FILE + '" alt="'
                    + promoBanners.big[0].TITLE + '" width="455" height="256" />';
                if (promoBanners.big[0].PROGRAM_ID > 0) html = '<a href="#action=promo&s=' + promoBanners.big[0].PROGRAM_ID
                    + '" onclick="return pGetShowDetail(' + promoBanners.big[0].PROGRAM_ID
                    + ');">' + html + '</a>';
                $('#promo-A').append(html);
            } else {
                $('#promo-A').append('<img src="' + appBaseHref + 'img/promo/defaultA.gif" alt="" width="455" height="256" />');
            }
            if (promoBanners.big[1] != undefined) {
                var html = '<img src="' + imgBaseHref + promoBanners.big[1].FILE + '" alt="'
                    + promoBanners.big[1].TITLE + '" width="455" height="256" />';
                if (promoBanners.big[1].PROGRAM_ID > 0) html = '<a href="#action=promo&s=' + promoBanners.big[1].PROGRAM_ID
                    + '" onclick="return pGetShowDetail(' + promoBanners.big[1].PROGRAM_ID
                    + ');">' + html + '</a>';
                $('#promo-B').append(html);
            } else {
                $('#promo-B').append('<img src="' + appBaseHref + 'img/promo/defaultB.gif" alt="" width="455" height="256" />');
            }
        }
    }
    pFillSmallBanners();
}

// naplnim male banery
function pFillSmallBanners(page) {
    if (promoBanners != null) {
        if (promoBanners.small != null) {
            promoSmallCount = promoBanners.small.length;
            if (page == undefined) {
                page = _hash['page'] == undefined ? 1 : _hash['page'];
            }
            if (page < 1) page = 1;
            if (page > Math.ceil(promoSmallCount / 3)) page = Math.ceil(promoSmallCount / 3);
            var startIndex = (page - 1) * 3;
            for (var i = startIndex; i <= (startIndex + 3); i++) {
                var append = 'promo-small-' + (i - startIndex + 1);
                if (promoBanners.small[i] != undefined) {
                    $('#' + append).empty();
                    if (promoBanners.small[i].TITLE == null) promoBanners.small[i].TITLE = '';
                    var html = '<img src="' + imgBaseHref + promoBanners.small[i].FILE + '" alt="'
                        + promoBanners.small[i].TITLE + '" width="260" height="147" />';
                    if (promoBanners.small[i].PROGRAM_ID > 0) html = '<a href="#action=promo&s='
                        + promoBanners.small[i].PROGRAM_ID + '" onclick="return pGetShowDetail('
                        + promoBanners.small[i].PROGRAM_ID + ');">' + html + '</a>';
                    $('#' + append).append(html);
                } else {
                    $('#' + append).empty();
                    var html = '<img src="' + appBaseHref + 'img/general/no-image.jpg" alt="" width="260" height="147" />';
                    $('#' + append).append(html);
                }
            }
            promoSmallPage = page;
            pFillSmallBannersPager(page);
        }
    }
}

// napln strankovanie malych bannerov
function pFillSmallBannersPager(active) {
    if ($('#promo-pager').length > 0) {
        if (active == undefined) active = 1;
        $('#promo-pager').empty();
        var html = '<ul>';
        var css = '';
        var count = Math.ceil(promoSmallCount / 3);
        for (var i = 1; i <= count; i++) {
            if (i == active) css = 'pager-dot-active';
            else css = 'pager-dot';
            html += '<li class="' + css + '"><a href="#action=promo&page=' + i + '" class="pager-dot-btn" id="page-' + i + '"></a></li>';
        }
        html += '</ul>';
        $('#promo-pager').html(html);
        $('a.pager-dot-btn').click(function () { return pGoToPage(this.id); });
    }
}

// zobrazi zvolenu stranku v malych banneroch
function pGoToPage(page) {
    page = page.replace('page-', '');
    pFillSmallBanners(page);
    return false;
}

function pGetShowDetail(id) {
    $('#app-container').attr('className', 'app-bcg');
    $('#app-container-promo').hide();
    setHash('action=promo&s=' + id);
    return getShowDetail(id, pCancelShowDetail);
}

function pCancelShowDetail() {
    $('#app-container').attr('className', 'app-promo-bcg');
    $('#app-container-promo').show();
    setHash('action=promo');
    return false;
}
// ---------------------------------
// koniec promo
// ---------------------------------