$('document').ready(function(){
    var slider_pages = '', num = 0, index = 0, next_slide = 1, tx = new Array(), images = new Array();
    
    var ul_links = $('div.slider ul.links');
        ul_links.hide();
        ul_links.each(function(i){
            num = 1 + i;
            tx[i] = $(this).find('span').text();
            images[i] = new Image();
            images[i].src = 'media/slider/'+ i +'.jpg';
            slider_pages += '<li rel="'+ i +'"><a href="javascript:void(0)">'+ num +'</a></li>'
        });
        ul_links.find('span').remove();
        
    $('div.slider div.tx').hide();    
    
    var all = Math.floor(parseInt(ul_links.length) - parseInt(1));
    
    var ul_pages = $('div.slider ul.pages');
        ul_pages.html(slider_pages).hide().show('slow');
        ul_pages.find('li').click(function(){
            ul_links.hide();
            $('div.slider div.tx').hide();
            ul_pages.find('li a').removeClass('selected');
            $(this).find('a').addClass('selected');
            index = $(this).attr('rel');
            next_slide = (index < all) ? Math.floor(parseInt(index) + parseInt(1)) : 0;
            $('div.slider img').attr('src', images[index].src).hide().fadeIn(300);
            ul_links.eq(index).slideDown('slow');
            $('div.slider div.tx').text(tx[index]).slideDown('slow');
        });
        
    function first_slide(){
        ul_pages.find('li:eq('+index+') a').addClass('selected');
        $('div.slider img').attr('src', images[index].src).hide().fadeIn(300);
        ul_links.eq(index).slideDown('slow');
        $('div.slider div.tx').text(tx[index]).slideDown('slow');
    }
    
    function auto_slider(){
        var prev_slide = (next_slide == 0) ? all : Math.floor(parseInt(next_slide) - parseInt(1));
            ul_links.hide();
            ul_pages.find('li:eq('+prev_slide+') a').removeClass('selected');           
            ul_pages.find('li:eq('+next_slide+') a').addClass('selected');
            $('div.slider img').attr('src', images[next_slide].src).hide().fadeIn(300);
            ul_links.eq(next_slide).slideDown('slow');
            $('div.slider div.tx').text(tx[next_slide]).hide().slideDown('slow');
            next_slide = (next_slide < all) ? next_slide + 1 : 0;
    }
    
    first_slide();
    window.setInterval(auto_slider, 8000)
});