function showToc() {
    $('toc').show();
    $('map').hide();
    $('news').hide();
}

function showCities() {
    $('toc').hide();
    $('map').show();
    $('news').hide();
}

function showNews() {
    $('toc').hide();
    $('map').hide();
    $('news').show();
}

function loadNews(){
    new Ajax.Request('/News/AjaxNews.html', {
        asynchronous: true,
        onSuccess: function(request){
            var news = request.responseJSON;

            $('news').update('');
            news.each(function(item){
                $('news').insert(new Element('div').addClassName('title').update(item.Title));
                $('news').insert(new Element('div').addClassName('text').update(item.Summary).insert({
                    top: item.Miniature == null ? '' : new Element('img', {
                        src: '/' +  item.Miniature,
                        alt: item.Title
                    }).setStyle({float: 'left'}),
                    bottom: new Element('div').setStyle({clear: 'both'})
                }));

                var moreLink = new Element('a', {
                        href: 'javascript:void(0)'
                    })
                    .update('więcej...')
                    .observe('click', showNewsDetails.bind(item));
                $('news').insert(new Element('div').addClassName('more').insert(moreLink));
            });

            showNews();
        }
    });
};

function showNewsDetails(clickEv){
    clickEv.stop();

    new Ajax.Request('/News/AjaxNews.html', {
        asynchronous: true,
        method: 'post',
        parameters: {newsId: this.Id },
        onSuccess: function(request){
            var news = request.responseJSON;

            $('news').update('');
            $('news').insert(new Element('div').addClassName('title').update(news.Title));
            $('news').insert(new Element('div').addClassName('text').update(news.Text).insert({
                top: news.Miniature == null ? '' : new Element('img', {
                    src: '/' + news.Miniature,
                    alt: news.Title
                }).setStyle({float: 'left'}),
                bottom: new Element('div').setStyle({clear: 'both'})
            }));

            var moreLink = new Element('a', {
                    href: 'javascript:void(0)'
                })
                .update('wstecz')
                .observe('click', loadNews);
            $('news').insert(new Element('div').addClassName('less').insert(moreLink));
        }
    });
};

Event.observe(window, 'load', function(){
    $('showNews').observe('click', loadNews);
    $('showCities').observe('click', showCities);
    $('showToc').observe('click', showToc);
});