var category_tag_filter = {
    container: null,
    reveal_a: null,
    hide_a: null,

    init: function() {
        if(!document.getElementById || !document.createElement || !document.createTextNode) return;
        this.container = document.getElementById('tag-filter');
        if(!this.container) return;

        this.container.className += ' collapsed';

        this.expandLink();
    },

    hasSelectedTags: function() {
        //return this.container.className.indexOf('has-selected-tags') != -1;
    },

    expandLink: function(show) {

            var heading = $(this.container).getElementsByTagName('h2')[0];
                $(heading).remove();

            var reveal_h2 = document.createElement('h2');
                reveal_h2.className += 'expand';
            var reveal_a = document.createElement('a');
                reveal_a.setAttribute('href', '#');

            var a_text = document.createTextNode('Odaberi');
                reveal_a.appendChild(a_text);
                reveal_h2.appendChild(reveal_a);

                var h2_text = document.createTextNode(' još područja interesa?');
                    reveal_h2.appendChild(h2_text);

                this.reveal_a = reveal_a;
                Event.observe(reveal_a, 'click', this.clickListener.bindAsEventListener(this), false);

                var tags_list = this.container.getElementsByTagName('ul')[0];
                if(tags_list) {
                    this.container.insertBefore(reveal_h2, tags_list);
                }

            var hide_p = document.createElement('p');
                hide_p.className += 'close';
            var hide_dots = document.createTextNode('... ');
                hide_p.appendChild(hide_dots);

            var hide_a = document.createElement('a');
                hide_a.setAttribute('href', '#');

            var hide_text = document.createTextNode('zatvori');
                hide_a.appendChild(hide_text);
                hide_p.appendChild(hide_a);
                this.container.appendChild(hide_p);

                this.hide_a = hide_a;
                Event.observe(hide_a, 'click', this.clickListener.bindAsEventListener(this), false);


    },

    clickListener: function(e) {

        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var event_target = event.srcElement ? event.srcElement :  event.target;

        this.toggle();
    },

    toggle: function() {

        if(this.container.className.indexOf('collapsed') != -1) {
            this.container.className = this.container.className.replace('collapsed', 'expanded');
        } else {
            this.container.className = this.container.className.replace('expanded', 'collapsed');
        }
   }
}

var filter_last_tag = {
    init: function() {
        var selected_tags = $('selected-tags');
        if(selected_tags) {
            var all_lis = $(selected_tags).getElementsByTagName('li');
            var last_li = all_lis[all_lis.length-1];
                last_li.className += ' last-child';
        }
    }
}