$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 180;
  var slides = $('#slidesContainer a');
  var numberOfSlides = slides.length;
  var leftctrl = 1;
  var rightctrl = 1;
 
  $('#slidesContainer').css('overflow', 'hidden');
  slides.wrapAll('<div id="slideInner"></div>').css({
      'float' : 'left',
      'width' : slideWidth
    });
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  manageControls(currentPosition);
  $('#leftControl').bind('click', function(){
							if(leftctrl){
 	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)						
    });
							}
							else
							{
								$('#slideInner').animate({
      'marginLeft' : "+=50px",
	    
    }, 200, function(){$('#slideInner').animate({
      'marginLeft' : "-=50px", 
    }, 200)});								
							}
  });
	  $('#rightControl')
    .bind('click', function(){
							if(rightctrl){ 
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; 
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
							}
							else
							{
								$('#slideInner').animate({
      'marginLeft' : "-=50px",
	    
    }, 200, function(){$('#slideInner').animate({
      'marginLeft' : "+=50px",
	    
    }, 200)});
								
							}
  });

  function manageControls(position){

	if(position==0){ $('#leftControl').hide('fast');
	                    leftctrl = 0;} else{ $('#leftControl').show('fast');
						leftctrl = 1;}

    if(position==numberOfSlides-3){ $('#rightControl').hide('fast');
	rightctrl = 0;} else{ $('#rightControl').show('fast');
	rightctrl = 1;}
  }	

});