$(document).ready(function(){
  //SLIDES  
  var currentPosition = 0;
  var slideWidth = 800;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  var slideTime = 7000;//miliseconds

  slides
    .wrapAll('<div id="slideInner"></div>')
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  $('#slideInner').css('width', slideWidth * numberOfSlides);

  manageControls(currentPosition);

  $('#slides .control')
    .bind('click', function(){
	clearInterval(a);
	currentPosition = ($(this).attr('id')=='next') ? currentPosition+1 : currentPosition-1;
    
    manageControls(currentPosition);
	
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
	a = setInterval(nextSlide, slideTime);
  });

  function manageControls(position){
	position == 0 ? $('#prev').hide() : $('#prev').show();
    position == numberOfSlides-1 ? $('#next').hide() : $('#next').show();
  }	
  
  function nextSlide(){
	  if(currentPosition < numberOfSlides-1){
	  	currentPosition++; 
		position = slideWidth * (-currentPosition);
	  }
	  else {
		currentPosition = 0;
		position = 0
	  }
	  
	  $('#slideInner').animate({
        'marginLeft' : position
      });
	  
	  manageControls(currentPosition);
	  
  }
  
  a = setInterval(nextSlide, slideTime);
  $('#slideInner').mouseout(function(){
	 a = setInterval(nextSlide, slideTime);
  });
  $('#slideInner').mouseover(function(){
	  clearInterval(a);
  });
  
  //SHOWS
  var currentPositionShow = 0;
  var showsWidth = 220;
  var shows = $('#shows .show');
  var numberOfShows = shows.length;

  shows
    .wrapAll('<div id="showsInner"></div>')
	.css({
      'float' : 'left',
      'width' : showsWidth
    });

  $('#showsInner').css('width', showsWidth * numberOfShows);

  manageControlsShows(currentPositionShow);

  $('#shows .control')
    .bind('click', function(){
	currentPositionShow = ($(this).attr('id')=='shows_next') ? currentPositionShow+1 : currentPositionShow-1;
    
    manageControlsShows(currentPositionShow);
	
    $('#showsInner').animate({
      'marginLeft' : showsWidth*(-currentPositionShow)
    });
  });

  function manageControlsShows(position){
	position == 0 ? $('#shows_prev').hide() : $('#shows_prev').show();
    position == (numberOfShows-1)-3 ? $('#shows_next').hide() : $('#shows_next').show();
  }	
  //AVANCA P/ O SHOW 4
	currentPositionShow = 3;
    
    manageControlsShows(currentPositionShow);
	
    $('#showsInner').animate({
      'marginLeft' : showsWidth*(-currentPositionShow)
    });

});