var count = 0;
var page_blog = 0;
$(document).ready(function(){
    slides = $('.main_banner div.slide');
    setTimeout("auto_slide(1)", 10000);
    arr = $('#autoscroll_inner span');
    if(count == arr.length - 5){ $('.index_scroll_next').css({'display': 'block'}); }
    
    ajax_recent_blog();
});
function ajax_recent_blog(){
    $("#blog_next, #blog_prev").click(function(){
        if($(this).hasClass('unactive') == false){
            if($(this).attr('id') == 'blog_next'){ page_blog++; }
            else{ page_blog--; }
            $.ajax({
                type: 'POST',
                url: '/blog/ajax_recent_list/',
                data: 'page=' + page_blog,
                success: function(data){ 
                    $('#recent_blog_container').html(data);
                    ajax_recent_blog(); 
                },
                dataType: 'txt'
            });
        }
        return false;
    });
}
function show_slide(obj, id){
        $('.main_banner div.slide').hide();
        $('#slide_' + id).fadeIn(2000);
        $('.swithers a').removeClass('active');
        obj.className = 'active';
}
function ch_sort(id){
        informer = $('#informer_ch_sort');
        informer.load('/catalog/change_sort/' + id);
        informer.fadeIn();
        setTimeout("informer.fadeOut();", 1000);
}
function auto_slide(i){
        var len = slides.length - 1;
        if(i > len){ i = 0; }
        slides.hide();
        $('.swithers a').removeClass('active');
        $(slides[i]).fadeIn(2000);
        $('#slide_link_' + i).addClass('active');
        if(i == len){ i = 0; }
        else{ i++; }
        setTimeout("auto_slide(" + i + ")", 10000);
    }
    function scroll(way){
        block = document.getElementById('autoscroll_inner');
        arr = block.getElementsByTagName('span');
        if((way == 'next' && arr[count+5]) || (way == 'prev' && arr[count-1])){
            var width = 191;
            if(way == 'next'){ count++; }
            else{ width = 0 - width; count--; }
            $("#autoscroll_inner").animate({marginLeft: parseInt(block.style.marginLeft) - width + "px"}, 400 );
            if(count == 0){ $('.index_scroll_prev').css({'display': 'none'}); }
            else{ $('.index_scroll_prev').css({'display': 'block'}); }
            if(count == arr.length - 5){ $('.index_scroll_next').css({'display': 'none'}); }
            else{ $('.index_scroll_next').css({'display': 'block'}); }
        }
    }