var slides;
  var j = 0;
  var slideshow = true;
  var next = true;
  var slideSpeed = 1000;
  var timeoutTime = 8000;
  
  $(document).ready(function() {
    slideshow = true;
    slides = $(".slide-me");

    for(var i = 1; i < slides.length; i++){
      $(slides[i]).hide();
      $(slides[i]).css("z-index","" + i)
    }
    
    if(slides.length < 2)
      slideshow = false;
    
    timerSlides();
  });
  
  function timerSlides(){
      if(slideshow){
        if(j >= slides.length){
          j = 0;
        }
        
        if(j != 0)
          $(slides[j-1]).fadeOut(slideSpeed, null);
        else
          $(slides[slides.length - 1]).fadeOut(slideSpeed, null);
    
        $(slides[j]).fadeIn(slideSpeed, null);
        j++;
        t=setTimeout("timerSlides()",timeoutTime);
      }
  }
  
  function nextSlide(){
        slideshow = false;
        if(!next)
          j++;
        if(j >= slides.length){
          j = 0;
        }
        
        if(j != 0)
          $(slides[j-1]).fadeOut(slideSpeed, null);
        else
          $(slides[slides.length - 1]).fadeOut(slideSpeed, null);
    
        $(slides[j]).fadeIn(slideSpeed, null);
        
        next = true;
        j++;
  }
  
  function previousSlide(){
        if(next){
          j--;
          next = false;
        }
        
        j--;
        slideshow = false;

        if(j < 0){
          j = slides.length - 1;
        }
        
        if(j != slides.length - 1)
          $(slides[j+1]).fadeOut(slideSpeed, null);
        else
          $(slides[0]).fadeOut(slideSpeed, null);
    
        $(slides[j]).fadeIn(slideSpeed, null);
  
  }