$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 964;
  var slides = $('.solucoes-slider .slide');
  var numberOfSlides = slides.length;

  var time = 7000;
  var cont = 0;
  var eq   = 0;
  
  function change_banner()
  {
  	if(++cont == $('.solucoes-slider .slide').length)
  	{
  		$('#slideInner').animate({
  			'marginLeft' : 0
  	    });
  		
  		currentPosition = 0;
  		cont = 0;
  		eq = 0;
  		$('#leftControl').hide();
  		$('#rightControl').show();
  		$('.botao').removeClass('selected');
  		$('.botao:eq(0)').addClass('selected');
  	}
  	else
  	{
  		$('#rightControl').trigger('click');
  	}
  	setTimeout(change_banner, time);
  }
  setTimeout(change_banner, time);
  

	//Soluções home
	$('#rightControl').live('click', function(){ 
		$('.selected').removeClass('selected');
		$('.botao:eq('+(++eq)+')').addClass('selected');
	});
	$('#leftControl').live('click', function(){ 
		$('.selected').removeClass('selected');
		$('.botao:eq('+(--eq)+')').addClass('selected');
	});
  
	
  // Remove scrollbar in JS
  $('.solucoes-slider #container').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('.solucoes-slider')
    .prepend('<span class="control" id="leftControl"></span>')
    .append('<span class="control" id="rightControl"></span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);
  
  // Create event listeners for .controls clicks
  $('.solucoes-slider .control')
    .bind('click', function(){
    // Determine new position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
    
    cont = currentPosition;
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('.solucoes-slider #leftControl').hide() } else{ $('.solucoes-slider #leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('.solucoes-slider #rightControl').hide() } else{ $('.solucoes-slider #rightControl').show() }
  }	

  var currentPosition2 = 0;
  var slideWidth2 = 854;
  var slides2 = $('.destaques .slide');
  var numberOfSlides2 = slides2.length;

  // Remove scrollbar in JS
  $('.destaques #container').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides2
    .wrapAll('<div id="slideInner2"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth2
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner2').css('width', slideWidth2 * numberOfSlides2);

  // Insert controls in the DOM
  $('.destaques')
    .prepend('<span class="control" id="leftControl2">Clicking moves left</span>')
    .append('<span class="control" id="rightControl2">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls2(currentPosition2);

  // Create event listeners for .controls clicks
  $('.destaques .control')
    .bind('click', function(){
    // Determine new position
	currentPosition2 = ($(this).attr('id')=='rightControl2') ? currentPosition2+1 : currentPosition2-1;
    
	$('#slideInner2').find('.slide').hide();
	$('#slideInner2').find('.slide').eq(currentPosition2).show();
	
	// Hide / show controls
    manageControls2(currentPosition2);
    // Move slideInner using margin-left
    $('#slideInner2').animate({
      /*'marginLeft' : slideWidth2*(-currentPosition2)*/
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls2(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('.destaques #leftControl2').hide() } else{ $('.destaques #leftControl2').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides2-1){ $('.destaques #rightControl2').hide() } else{ $('.destaques #rightControl2').show() }
  }	
});