var currentPosition = 1;
var slideWidth = 225;
var disable_slide = false;
$(document).ready(function(){
  var myslides = $('.slide');
  var countslides = myslides.length;
  $('#slidesContainer').css('overflow', 'hidden');
  myslides
  .wrapAll('<div id="slideInner"></div>')
  .css({
    'float' : 'left',
    'width' : slideWidth
  });
  $('#slideInner').css('width', slideWidth * countslides);
  $('#slideInner').css('marginLeft', slideWidth*(-currentPosition));
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Move left</span>')
    .append('<span class="control" id="rightControl">Move right</span>');
  $('.control')
    .bind('click', function(){
      var att = $(this).attr('id');
      if(currentPosition==0 && (att=='leftControl')){currentPosition=5;$('#slideInner').css('marginLeft', slideWidth*(-currentPosition));}
      if(currentPosition==5 && (att=='rightControl')){currentPosition=0;$('#slideInner').css('marginLeft', slideWidth*(-currentPosition));}
      currentPosition = ($(this).attr('id')=='rightControl')
    ? currentPosition+1 : currentPosition-1;
      $('#slideInner').stop().animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
    }).bind('mouseenter', function(){disable_slide=true;}).bind('mouseleave', function(){disable_slide=false;});
  $('.slide').bind('mouseenter', function(){disable_slide=true;});
  $('.slide').bind('mouseleave', function(){disable_slide=false;});  
    timer = window.setTimeout(automaticslide, 5000);
  });

var timer;
function automaticslide(){
  if(!disable_slide){
       if(currentPosition==5){currentPosition=0;$('#slideInner').css('marginLeft', slideWidth*(-currentPosition));}
       currentPosition++;
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
  }
      timer = window.setTimeout(automaticslide, 5000);
return;
}