// article box
$(function() {
    var control = $('<div id="article_box_control" />');
    
    function selectPage(index) {
        // if not already selected
        if (!$('div#article_box div.page:eq(' + index + ')').hasClass('selected'))
        {
            // move selector
            $('div.selector', control)
                .stop(true, true)
                .animate({
                    'left': (index * 17 - 9)
                }, 'slow');
                
            // hide old page
            $('div#article_box div.page.selected')
                .removeClass('selected')
                .show()
                .stop(true, true)
                .fadeOut('medium', function() { // show new page
                    $('div.page:eq(' + index + ')')
                        .stop(true, true)
                        .fadeIn('medium')
                        .addClass('selected');
                });
        }
    }
    
    function nextPage()
    {
        var index = $('div#article_box div.page.selected').index();
        selectPage((index == 3)? 0: index + 1);
    }
    
    var articleInterval = setInterval(nextPage, 5000);
    
    $('div#article_box')
        .append(control);
        
    for (var i = 1; i < 5; i++)
    {
        $('<div class="pagelink clickable" style="background: url(\'/img/index/article_box_pagelink' + i + '.png\');" />')
            .click(function() {
                selectPage($(this).index());
                clearInterval(articleInterval);
            })
            .appendTo(control);
    }
    
    $('<div class="selector" />')
        .appendTo(control);
});



/** stats **/
$(function() {
    // some css extras
    $('div#monitor_statistics_container table.page tr td:last-child, div#monitor_statistics_container table.page tr th:last-child')
        .addClass('last');
    $('div#monitor_statistics_container table.page tr td:first-child, div#monitor_statistics_container table.page tr th:first-child')
        .addClass('first');
        
    // page selector
    $('div#monitor_statistics_container table.master th')
        .addClass('clickable')
        .click(function() {
            var mutexOwner = $(this).parent();
            if (!$(this).hasClass('selected') && !mutexOwner.data('mutex'))
            {
                mutexOwner.data('mutex', true);
                
                var index = $(this).index();
                
                $(this)
                    .addClass('selected')
                    .siblings()
                        .removeClass('selected');
                        
                $('div#monitor_statistics_container table.page.selected')
                    .removeClass('selected')
                    .show()
                    .stop(true, true)
                    .fadeOut('medium', function() {
                        $('div#monitor_statistics_container table.page:eq(' + index + ')')
                            .stop(true, true)
                            .fadeIn('medium')
                            .addClass('selected');
                        mutexOwner.data('mutex', false);
                    });
                
                // opera bug fix
                if (jQuery.browser.opera)
                {
	                $('div#monitor_statistics_container table.master th').not('.selected').css({'border': null});
	                $('div#monitor_statistics_container table.master th.selected').css({'border': '1px solid #7AAD24'});
                }
            }
        });

});