$(document).ready(function(){
  
  $timer = "on";
  
  setInterval(function(){
    if($timer == "on") {
      if($active === 5) {
        $active = 1;
        changeSlide(1);
      } else {
        changeSlide($active+1);
        $active = $active+1;
      }
    }
  }, 5000);
  
  $("#slides .nav").each(function(){
    if(!$(this).hasClass('active')) {
      $(this).fadeTo(0, 0.5);
    }
  });
  
  $("#slides .nav").hover(function(){
    $(this).fadeTo(100, 1);
  }, function() {
    if(!$(this).hasClass('active')) {
      $(this).fadeTo(100, 0.5);
    }
  });
  
  $("#slides .nav").click(function(){
    if(!$(this).hasClass('active')) {
      var img = $(this).find('a').attr('href').replace("#", "");
      changeSlide(img);
      $timer = "off";
    }
    return false;
  });
  
});

function changeSlide(img) {
 $("#slides .image").fadeTo(150, 0);
 $("#slides .active").fadeTo(150, 0.5).removeClass('active');
 setTimeout(function(){
   $("#slides .image img").attr('src', '/slides/'+img+".jpg");
   $("#slides .image").fadeTo(150, 1);
   $("#slides #slide_"+img).fadeTo(150, 1).addClass('active');
 }, 155);
}