$(document).ready(function(){
var doScroll = true;

function showNextSlide()
{
  if(doScroll)
  {
   $('#slideSelector a').removeClass('Active')
   currentSlide = $('.slide:visible');
   currentSlide.fadeOut(function(){
 
   if (currentSlide.next().length)
   {
      currentSlide.next().fadeIn();
      $('#slideSelector a:eq('+currentSlide.next().prevAll().length+')').addClass('Active')

      
   }
   else
   {
    $('.slide:eq(0)').fadeIn();
    $('#slideSelector a:eq(0)').addClass('Active')
   }

    setTimeout(showNextSlide,10000);

  })
  }
  else
 {
  setTimeout(showNextSlide,10000);
}
}

  $('a.slideLink').hover(
  function(){doScroll=false}
  ,
  function(){doScroll=true}
  )
  
  
 $('.main .content').prepend('<div id="slideSelector"></div>')

 $('.slide').each(function(){
  $('#slideSelector').append('<a href="#"></a>')
  $('#slideSelector a').click(function(){
    $(this).siblings().removeClass('Active')
    $(this).addClass('Active')
    showButton = $(this).prevAll().length
    doScroll = false;
    $('.slide:visible').fadeOut(function(){
    $('.slide:eq('+showButton+')').fadeIn()
    });
  })
 })


  var randomnumber=Math.floor(Math.random()*$('.slide').length)

  $('.slide:eq('+randomnumber+')').fadeIn();
  $('#slideSelector a:eq('+randomnumber+')').addClass('Active')

 setTimeout(showNextSlide,10000)


});
