function loadEventsList(iDate){
	$('#newsroom-recent-list').load('/cache/agenda_home_list_'+iDate+'.asp');
    $('#newsroom-recent').mCustomScrollbar('update');
    $('.whichDate_selected').removeClass('whichDate_selected');
    $('#whichDate'+iDate).addClass('whichDate_selected');
}
    
var oldDate = '';
$(function() {

	$('#close').click(function() {
	    $('#agendaResults').hide();
        return true;
	});

    $(".radioreplace li").on("click", function(event) {
    
		$('#agendaResults').show();
        
        $(this).addClass("selected").siblings().removeClass("selected");

        filters['price'] = $(this).attr('data-filter-value');

        var isoFilters = [];
        for (var prop in filters) {
            isoFilters.push(filters[prop])
        }
        var selector = isoFilters.join('');
        $container.isotope({
            filter: selector
        });
    });

    var xhr;

    $('#select_event').selectize({
        create: false,
        options: [],
        valueField: 'link',
        labelField: 'title',
        searchField: 'search',
        maxOptions: 100,
        maxItems: null,
        openOnFocus: false,
        optgroups: [{
            value: 'event',
            label: 'Εκδηλώσεις',
            label_scientific: 'Εκδηλώσεις'
        }, {
            value: 'place',
            label: 'Χώροι',
            label_scientific: 'Χώροι'
        }],
        optgroupField: 'class',

        onChange: function(value) {
            if (value) {
                window.location.href = value;
            }
        },

        load: function(query, callback) {
            if (!query.length) return callback();
            xhr && xhr.abort();
            xhr = $.ajax({
                url: '/cache/agenda_json.asp',
                type: 'GET',
                dataType: 'json',
                error: function() {
                    callback();
                },
                success: function(res) {
                    callback(res);
                }
            })
        }
    });

	var selOpt = $('.cSelected').children('span').text();
    if (selOpt!=''){
		$("#category").children('span').text(selOpt);
    }

    function DropDown(el, dscr) {
        this.dd = el;
        this.placeholder = this.dd.children('span');
        this.dscr = dscr;
        this.opts = this.dd.find('ul.dropdown > li > a');
        this.group = this.dd.children('ul').attr('data-filter-group');
        this.val = '';
        this.text = '';
        this.index = -1;
        this.initEvents();
    }
    DropDown.prototype = {
        initEvents: function() {
            var obj = this;

            obj.dd.on('click', function(event) {
                if ($(this).hasClass('active')) {
                    $('.wrapper-dropdown-5').removeClass('active');
                } else {
                    $('.wrapper-dropdown-5').removeClass('active');
                    $(this).addClass('active');
                }
                return false;
            });

            obj.opts.on('click', function() {

				$('#agendaResults').show();
                
                var opt = $(this);
                obj.val = opt.attr('data-filter-value');
                obj.text = opt.text();
                obj.index = opt.index();
                obj.placeholder.text(obj.dscr + ' ' + obj.text);

                filters[obj.group] = obj.val;

                var isoFilters = [];
                for (var prop in filters) {
                    isoFilters.push(filters[prop])
                }
                var selector = isoFilters.join('');
                $container.isotope({
                    filter: selector
                });

                this.removeClass('active');

            });
        },
        getValue: function() {
            return this.val;
        },
        getIndex: function() {
            return this.index;
        }
    }

    $("#datepicker").click(function() {
        return false;
    });

    $(document).click(function() {
        $('.wrapper-dropdown-5').removeClass('active');
    });

    var category = new DropDown($('#category'), "");
    var city = new DropDown($('#city'), "");
    var dates = new DropDown($('#dates'), "");

    var options = {};
    options = {
        closeText: 'Κλείσιμο',
        prevText: 'Προηγούμενος',
        nextText: 'Επόμενος',
        currentText: 'Τρέχων Μήνας',
        monthNames: ['Ιανουάριος', 'Φεβρουάριος', 'Μάρτιος', 'Απρίλιος', 'Μάιος', 'Ιούνιος', 'Ιούλιος', 'Αύγουστος', 'Σεπτέμβριος', 'Οκτώβριος', 'Νοέμβριος', 'Δεκέμβριος'],
        monthNamesAlt: ['Ιανουαρίου', 'Φεβρουαρίου', 'Μαρτίου', 'Απριλίου', 'Μαΐου', 'Ιουνίου', 'Ιουλίου', 'Αυγούστου', 'Σεπτεμβρίου', 'Οκτωβρίου', 'Νοεμβρίου', 'Δεκεμβρίου'],
        monthNamesShort: ['Ιαν', 'Φεβ', 'Μαρ', 'Απρ', 'Μαι', 'Ιουν', 'Ιουλ', 'Αυγ', 'Σεπ', 'Οκτ', 'Νοε', 'Δεκ'],
        dayNames: ['Κυριακή', 'Δευτέρα', 'Τρίτη', 'Τετάρτη', 'Πέμπτη', 'Παρασκευή', 'Σάββατο'],
        dayNamesShort: ['Κυρ', 'Δευ', 'Τρι', 'Τετ', 'Πεμ', 'Παρ', 'Σαβ'],
        dayNamesMin: ['Κυ', 'Δε', 'Τρ', 'Τε', 'Πε', 'Πα', 'Σα'],
        weekHeader: 'Εβδ',
        dateFormat: 'dd/mm/yy',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: '',
        onSelect: showDate
    };

    $("#datepicker").datepicker(options);

    function showDate(dateText) {

		$('#agendaResults').show();
        
        var replaced = dateText.replace(/\//g, '');
        var date = '.d' + replaced;

        if (date == oldDate) {
            date = '';
            oldDate = '';
            $('#datepicker').datepicker('setDate', null);
            $('#dates').children('span').text('Όλες οι ημ/νίες');

        } else {
            oldDate = date;
            $('#dates').children('span').text(dateText);
        }

        filters['dates'] = date;
        var isoFilters = [];
        for (var prop in filters) {
            isoFilters.push(filters[prop])
        }
        var selector = isoFilters.join('');
        
        $container.isotope({
            filter: selector
        });


    }
    
    var $optionSets = $('#sort-by'),
        $optionLinks = $optionSets.find('a');

    $optionLinks.click(function() {
    
		$('#agendaResults').show();
        
        var $this = $(this);
        // don't proceed if already selected
        if ($this.hasClass('selected')) {
            return false;
        }
        var $optionSet = $this.parents('#sort-by');
        $optionSet.find('.selected').removeClass('selected');
        $this.addClass('selected');

        // make option object dynamically, i.e. { filter: '.my-filter-class' }
        var options = {},
            key = $optionSet.attr('data-option-key'),
            value = $this.attr('data-option-value');
        // parse 'false' as false boolean
        value = value === 'false' ? false : value;
        options[key] = value;
        $container.isotope(options);

        return false;
    });

    var $container = $('#container'),
        filters = {};

    $container.isotope({
    	
        itemSelector: '.eventBox',
        layoutMode: 'fitRows',
        getSortData: {
            category: function($elem) {
                return $elem.attr('data-category');
            },
            price: function($elem) {
                return parseFloat($elem.attr('data-price'));
            },
            eventTitle: function($elem) {
                return $elem.find('.eventTitle').text();
            }
        }
    });

    // change layout
    $('#compactMode').click(function() {

        var $this = $(this);
        if ($this.hasClass('selected')) {
            return;
        } else {
            $('#fullMode').removeClass('selected');
            $('#compactMode').addClass('selected');
        }

        var style = {
            height: '80%'
        };

        $('.eventBox').addClass('compact');
        //$('.adBox').removeClass('isotope-item');
        //$('.adBox').hide();

        $container.filter(':animated').stop();
        $container.addClass('no-transition').css(style);

        $('#compactHeader').show();
		$('#container').show();

        setTimeout(function() {
            $container.removeClass('no-transition').isotope();
        }, 100);

    });

    $('#fullMode').click(function() {

        var $this = $(this);
        if ($this.hasClass('selected')) {
            return;
        } else {
            $('#fullMode').addClass('selected');
            $('#compactMode').removeClass('selected');
        }

        var style = {
            height: '100%'
        };

        $('.eventBox').removeClass('compact');
        $('.adBox').show();

        $container.filter(':animated').stop();
        $container.addClass('no-transition').css(style);

        $('#compactHeader').hide();
		$('#container').show();

        setTimeout(function() {
            $container.removeClass('no-transition').isotope();
        }, 100);

    });


});