$().ready(function(){

  init_slide();

  var nav = '#slide-nav';

  next_slide();

  function init_slide() {
    jQuery.each($('#slide-pic .banners'), function(i){
      var id = 'slide_show_'+(i+1);
      $('#slide-nav').append('<li><a href="#" id='+id+' rel='+$(this).find('img').attr('src')+'>'+(i+1)+'</a></li>');
      $(this).remove();
      $('#'+id).data('pack', {src: $(this).find('img').attr('src'), href: $(this).find('a').attr('href')});
    });
  }

  $(nav).find('a').click(function(){
    $().stopTime('slide');
    $(nav).find('li.active').removeClass('active');
    $(this).parent().addClass('active');
    add_to_show($(this).data('pack').src, $(this).data('pack').href);
    $().everyTime(5000, 'slide', function(i){
      next_slide();
    });
    return false;
  });

  function next_slide() {
    var curr = $(nav).find('li.active').removeClass('active');
    var next = curr.next();
    if ( !next.length ) {
      next = $(nav).find('li:first');
    }
    next.addClass('active');
    add_to_show(next.find('a').data('pack').src, next.find('a').data('pack').href);
  }

  function add_to_show(src, href) {
    var curr_image = $('#slide-show').find('img').attr('src');
    $('#slide-eff').css({'background' : 'url('+curr_image+') top left no-repeat'}).show();
    $('#slide-show').empty().append('<a href="'+href+'"><img src="'+src+'" /></a>');
    $('#slide-eff').fadeOut('slow', function(){
      $('#slide-eff').hide();
    });
    //$('#slide-show').empty().append('<a href="'+href+'"><img src="'+src+'" /></a>');
  }
  
  $().everyTime(5000, 'slide', function(i){
      next_slide();
  });

});