// Slider JS
// found in http://www.simplemachines.org/community/index.php?topic=381874.0

  $(document).ready(function(){
    var currentPosition = 0;
    var slideWidth = 120;
    var slides = $('.slide');
    var numberOfSlides = slides.length;
    var slidestomove = 4; // AH added to slide more than 1

    // Remove scrollbar in JS
    $('#slidesContainer').css('overflow', 'hidden');
  
    // Wrap all .slides with #slideInner div
    slides
      .wrapAll('<div id="slideInner"></div>');
      // Float left to display horizontally, readjust .slides width
   
    // Set #slideInner width equal to total width of all slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);

    // Insert controls in the DOM
    $('#slideshow')
      .prepend('<span class="control" id="leftControl"><span>Clicking moves left</span></span>')
      .append('<span class="control" id="rightControl"><span>More</span></span>');
  
    // Hide left arrow control on first load
    manageControls(currentPosition);
  
    // Create event listeners for .controls clicks
    $('.control')
      .bind('click', function(){
      // Determine new position
  	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+slidestomove : currentPosition-slidestomove;
      
  	// Hide / show controls
      manageControls(currentPosition);
      // Move slideInner using margin-left
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
    });
  
    // manageControls: Hides and Shows controls depending on currentPosition
    function manageControls(position){
      // Hide left arrow if position is first slide
  	  if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
  	  // Hide right arrow if position is last slide
      
      // AH added to hide if on last "screen" 
      if ((position <= numberOfSlides) && ((numberOfSlides - position) <= slidestomove)){
        $('#rightControl').hide()
      } else {        
        if(position==numberOfSlides-1){ 
          $('#rightControl').hide() 
        } else { 
          $('#rightControl').show() 
        }
      }
    }	
  });