$(document).ready(function() {

   // Services slides *****************************************
   // ********************************************************* 
   
   
   var silhueta = $('#content-wrap-services li.active .silhueta');
   silhueta.css('margin-top', silhueta.height() * 200 / 328 * -1);
   
   var listServices = $('#content-wrap-services li');

	$('#arrow-left').click(function() {
	  var curr = $('#content-wrap-services ul li.active');
     var curIndex = listServices.index(curr);
	  
	  if (curIndex == 0) {
	     var next = $('#content-wrap-services ul li').last();
	  } else	{
   	  var next = curr.prev();
	  }
	  
     curr.hide('slow').removeClass('active');
     next.show('slow').addClass('active');
     
     var silhueta = $('#content-wrap-services li.active .silhueta');
     silhueta.css('margin-top', silhueta.height() * 200 / 328 * -1);

     $('#left-border').removeClass( $('#left-border').attr('class') ).addClass( next.attr('id') );
     $('#right-border').removeClass( $('#right-border').attr('class') ).addClass( next.attr('id') );
     $('#top-border').removeClass( $('#top-border').attr('class') ).addClass( next.attr('id') );
     $('#bottom-border').removeClass( $('#bottom-border').attr('class') ).addClass( next.attr('id') );
   });

	$('#arrow-right').click(function() {
	  var curr = $('#content-wrap-services ul li.active');
     var curIndex = listServices.index(curr);
     
	  if (curIndex == listServices.length -1) {
	     var next = $('#content-wrap-services ul li').first();
	  } else	{
   	  var next = curr.next();
	  }
	  
     curr.hide('slow').removeClass('active');
     next.show('slow').addClass('active');
     
     var silhueta = $('#content-wrap-services li.active .silhueta');
     silhueta.css('margin-top', silhueta.height() * 200 / 328 * -1);
     
     $('#left-border').removeClass( $('#left-border').attr('class') ).addClass( next.attr('id') );
     $('#right-border').removeClass( $('#right-border').attr('class') ).addClass( next.attr('id') );
     $('#top-border').removeClass( $('#top-border').attr('class') ).addClass( next.attr('id') );
     $('#bottom-border').removeClass( $('#bottom-border').attr('class') ).addClass( next.attr('id') );
     
   });
   
});