hs.showCredits = 0;
hs.graphicsDir = '/highslide/graphics/';
hs.outlineType = 'rounded-light-brown'; //rounded-white
hs.wrapperClassName = 'draggable-header no-footer';
hs.allowSizeReduction = true;
hs.preserveContent = true;
hs.align = 'center';
hs.dimmingOpacity = 0.50;
hs.dimmingDuration = 0;


var indicators= [];
var e = []; function ce(id) { if (!e[id]) {e[id] = $(id);}return e[id];}

e['document'] = $(document);
e['document'].ready(function() { app.init(); });



var app = {

    toto: null,
    itemsPerPage: 15,
    curPage: 1,
    curParent: 0,
    curPid: 0,
    prevPid: 0,
    init: function() {
        $('#ajaxloader').hide();
        $('#ajaxloader').click(function(e) { $(this).fadeOut('fast'); });
        $('#show-images-large').click(function(e) { $('#panel div').attr('class', 'off'); $(this).attr('class', 'on'); $('#results').attr('class', 'images-large'); });
        $('#show-images-small').click(function(e) { $('#panel div').attr('class', 'off'); $(this).attr('class', 'on'); $('#results').attr('class', 'images-small'); });
        $('#show-list-items').click(function(e) { $('#panel div').attr('class', 'off'); $(this).attr('class', 'on'); $('#results').attr('class', 'list-items'); });


        $('#btnMore').click(function(e) { app.getMoreResults(); });
        $('#btnMore').hide();
        $('#show-images-large').click();
        app.prevPid = -1;
        $.getJSON('/fr/indicateurs/getIndicatorsList.asp', { rppage: app.itemsPerPage, level: 1, page: 1 }, function(data) { app.changeLevelOnLoad(data) });


    },

    changeLevelOnLoad: function(data) {
        if (data.categories && data.categories.length > 0) {
            var cats = data.categories;
            $('#subcat > li').remove();
            $('#maincat > li').remove();
            for (var i = 0; i < cats.length; i++) {
                var sTo = '<li id="' + cats[i].value + '"';
                if (cats[i].count < 1) { sTo += ' class="disabled"'; }
                sTo += '>' + cats[i].caption + '</li>';
                $('#maincat').append(sTo);
            }
            $('#maincat > li:not(.disabled)').click(function(e) { $('#maincat > li:not(.disabled)').attr('class', 'off'); $(this).attr('class', 'on'); app.updateSub($(this).attr('id')); });
        }

        var curPage = data.page; var totalItems = data.totalitems; var totalPages = data.totalpages;
        if (data.results && data.results.length > 0) {
            app.changeResultList(data.results, data.did, curPage, totalItems, totalPages);
        }
    },

    onChange_MainCategory: function(data) {

        if (data.categories && data.categories.length) {
            var cats = data.categories;
            $('#subcat > li').remove();
            for (var i = 0; i < cats.length; i++) {
                var sTo = '<li id="' + cats[i].value + '"';
                if (cats[i].count < 1) { sTo += ' class="disabled"'; }
                sTo += '>' + cats[i].caption + '</li>';
                $('#subcat').append(sTo);
            }
            $('#subcat > li:not(.disabled)').click(function(e) { $('#subcat > li:not(.disabled)').attr('class', 'off'); $(this).attr('class', 'on'); app.updateList($(this).attr('id')); });
            $('#subcat').attr('class', 'cat');
        }

        var curPage = data.page; var totalItems = data.totalitems; var totalPages = data.totalpages;
        if (data.results && data.results.length > 0) {
            app.changeResultList(data.results, data.did, curPage, totalItems, totalPages);
        }
    },

    onChange_SubCategory: function(data) {

        var curPage = data.page; var totalItems = data.totalitems; var totalPages = data.totalpages;
        if (data.results && data.results.length > 0) {
            app.changeResultList(data.results, data.did, curPage, totalItems, totalPages);
        }
    },


    changeAddPage: function(data) {
        var curPage = data.page; var totalItems = data.totalitems; var totalPages = data.totalpages;
        if (data.results && data.results.length > 0) {
            app.changeResultList(data.results, data.did, curPage, totalItems, totalPages);
        }
    },

    changeResultList: function(data, did, curPage, totalItems, totalPages) {

        $('#ajaxloader').fadeIn('fast');
        if (did && data) {
            if (curPage == 1) { $('#results > div.indicator-listitem').remove(); }
            for (var i = 0; i < data.length; i++) {

                var curWidth = 580;
                if (data[i].description != '') { curWidth = 900; }
                var sO = [];

                var indicatorSourceTxt = data[i].sources.join("; ");
                var indicatorSourceHtml = data[i].sources.join("<br />");

                /*for (var j = 0, sourceLength = data[i].sources.length; j < sourceLength; j++) {
                    
                };*/

                sO.push('<div class="indicator-listitem" style="display:none;" onclick="return hs.htmlExpand(this, { width:' + curWidth + ', height:450, contentId: \'hs-' + data[i].publicid + '\'})">');
                sO.push('<img alt="' + data[i].ref + '. ' + data[i].caption + ' - Source: ' + indicatorSourceTxt + '" src="/media/indicators/petit/' + data[i].image + '.jpeg" />');
                sO.push('<div class="small">' + data[i].caption + '</div>');
                sO.push('<div class="highslide-html-content" id="hs-' + data[i].publicid + '" style="display:none; text-align:left;"><div class="highslide-header"><ul><li class="highslide-move"><a onclick="return false" title="Move" href="#"><span>Move</span></a></li><li class="highslide-close"><a onclick="return hs.close(this)" title="Close (esc)" href="#"><span>Close</span></a></li></ul></div><div class="highslide-body wysiwyg" style="padding:0px 15px 0px 15px">');
                if (data[i].description != '') {
                    sO.push('<div style="width:550px;float:left;overflow:hidden;"><img alt="' + data[i].ref + '. ' + data[i].caption + '" src="/media/indicators/standard/' + data[i].image + '.gif" /></div><div style="width:300px;float:left;overflow:hidden;">');
                    if (indicatorSourceHtml.length > 0) { sO.push('<div class="acanthe-comment">Source(s):</div><small>' + indicatorSourceHtml + '</small>') };
                    sO.push('<div class="acanthe-comment">Notre commentaire:</div>' + data[i].description)
                    sO.push('</div>');

                } else {
                    sO.push('<div style="text-align:center;"><img alt="' + data[i].ref + '. ' + data[i].caption + '" src="/media/indicators/standard/' + data[i].image + '.gif" border="0"/>');
                    if (indicatorSourceHtml.length > 0) { sO.push('<br /><small>Source(s):' + indicatorSourceTxt + '</small>')};
                    sO.push('</div>');

                }
                sO.push('</div></div></div>');
                $('#results').append(sO.join(''));
            }
        }
        $('#ajaxloader').fadeOut('slow');
        $('.indicator-listitem').fadeIn('fast');
        app.curPage = curPage;
        if (curPage < totalPages) { $('#btnMore').show(); } else { $('#btnMore').hide(); }
    },

    getMoreResults: function() {

        $.getJSON('/fr/indicateurs/getIndicatorsList.asp', { rppage: app.itemsPerPage, pid: app.curPid, page: parseInt(app.curPage) + 1 }, function(data) { app.changeAddPage(data) });
    },

    updateList: function(catid, subid) {
        app.curPid = catid;
        app.curPage = 1;
        $.getJSON('/fr/indicateurs/getIndicatorsList.asp', { rppage: app.itemsPerPage, pid: catid, page: 1 }, function(data) {
            app.onChange_SubCategory(data, 'toto')
        });
    },

    updateSub: function(id) {

        $('.cat > h3').attr('disabled', '');
        $('#subcat > li').remove();
        app.curPid = id;
        app.curPage = 1;
        $.getJSON('/fr/indicateurs/getIndicatorsList.asp', { rppage: app.itemsPerPage, pid: id, page: 1 }, function(data) { app.onChange_MainCategory(data) });

    }

};