var total = 0;
var timeslide;
var changetime = 5000;
function show_slide(id){
    clearTimeout(timeslide);
    $('.slider_item').fadeOut('slow');
    $('#slide_'+id).fadeIn('slow');
    $('.slider .items a').removeClass('active');
    $('.slider .items #a_'+id).addClass('active');
    curent = id;
    if(total>1) timeslide = setTimeout('goNext()', changetime);
}
function goNext(){     
    curent++;
    if(curent>total) curent = 1;
    show_slide(curent);
}
$(document).ready(function(){
    total = $('.slider').find('.slider_item').size();
    /*
    if(total>1){
        for(var i=1;i<=total;i++){
            $('.items').append('<a id="a_'+i+'">'+i+'</a>');
        }
        timeslide = setTimeout('goNext()', changetime);
    }
    */
    if(total>0) show_slide(1);
    $('.items a').click(function(){
        show_slide($(this).html());
    });
});