window.addEvent('domready', function(){
    var loaded = 0;
    
    var kbElemResource = new Request.JSON({
        'url': 'resource.php?module=kb',
        'headers': {
            "Content-type": "application/json"
        },
        'onComplete': function(data){
            var topic = $('kbContentTopic');
            var content = $('kbContentContent');
            if (data.type == 2) {
                content.empty();
                topic.set('html', data.title);
                content.set('html', data.content);
                var gallery = new Element('ul', {
                    'class': 'gallery'
                });
                data.gallery.each(function(data){
                    var elem = $('galleryTemplate').clone();
                    var img = elem.getElements('img');
                    var a = elem.getElements('a');
                    img.set('src', data.galleryitem_thumb);
                    img.set('alt', data.galleryitem_title);
                    a.set('title', data.galleryitem_title + ' - ' + data.galleryitem_description);
                    a.set('rel', 'milkbox[gal1]');
                    a.set('href', data.galleryitem_file);
                    elem.inject(gallery);
                });
                
                content.adopt(gallery);
                
                milkbox = new Milkbox();
                
            }
            else 
                if (data.type == 1) {
                    document.location.href = data.url;
                }
                else {
                    content.empty();
                    topic.set('html', data.title);
                    content.set('html', data.content);
                }
        }
    });
    
    var kbResource = new Request.JSON({
        'url': 'resource.php?module=kblist',
        'headers': {
            "Content-type": "application/json"
        },
        'onComplete': function(data){
        
            var ul = new Element('ul');
            var tpl = $('recordTemplate');
            data.each(function(obj){
                li = tpl.clone();
                li.setStyle('margin-left', li.getStyle('margin-left').toInt() + 15)
                li.set('html', li.get('html').substitute(obj));
                if (obj.children < 1) {
                    li.getChildren().set('href', 'kategoria_' + obj.id + '.html');
                    img = li.getElements('img');
                    img.set('src', 'images/blank.png')
                }
                var openLink = li.getChildren().getLast();
                openLink.set('href', 'bw_' + obj.id + '.html');
                collapse(li);
                li.inject(ul);
                
            });
            this.options.putAfter.adopt(ul, 'bottom');
            
            
            //$('profileName').set('html',toReplace.profile_title);
            //$('profileDescription').set('html',toReplace.profile_description);
        }
    });
    
    var openKb = function(id){
        alert(id + 'aaa');
        //kbartResource
    }
    var collapse = function(li){
        span = li.getElement('span');
        if (span.get('html').length > 27) {
            span.set('html', span.get('html').substring(0, 24) + '...');
        }
        
        
        li.getChildren('a[href^=bw]').addEvent('click', function(e){
            e.preventDefault();
            kbElemResource.send('id=' + e.target.getParent().get('href').replace(/.*bw_/, ''));
            //if (e.target.get('html').length > 40)
            
            var li = $(e.target).getParent().getParent();
            
            if (li.getElement('img').get('src') != "images/blank.png") {
                if (li.getChildren().getLast().match('ul')) {
                    li.getElement('img').set('src', 'images/plus.png')
                    li.getElement('ul').dispose();
                }
                else {
                    li.getElement('img').set('src', 'images/minus.png')
                    var a = $(e.target);
                    kbResource.options.putAfter = a.getParent('li');
                    kbResource.send('id=' + a.getParent().get('href').replace(/.*bw_/, ''));
                }
            }
        });
        
        li.getChildren('a[href^=kategoria]').addEvent('click', function(e){
            e.preventDefault();
            
            var li = $(e.target).getParent().getParent();
            
            if (li.getElement('img').get('src') != "images/blank.png") {
                if (li.getChildren().getLast().match('ul')) {
                    li.getElement('img').set('src', 'images/plus.png')
                    li.getElement('ul').dispose();
                }
                else {
                    li.getElement('img').set('src', 'images/minus.png')
                    var a = $(e.target);
                    kbResource.options.putAfter = a.getParent('li');
                    kbResource.send('id=' + a.getParent().get('href').replace(/.*kategoria_/, ''));
                }
            }
        });
    }
    
    $('box-lewa-kb').getElements('li').each(collapse);
    if (showId) 
        kbElemResource.send('id=' + showId);
    //profileResource.send('id='+showId);
});