$(document).ready(function(){
  var  b = $('body');

  
  var currentPosition = 0;
  var slideWidth = 580;
  var slides = $('.banner div.csc-default');
  var numberOfSlides =  slides.size(); 
  var interval;
  var transitionSpeed=300; 
  var nextSpeed=5000;
  
  

  //iniciamos prop z-index
  slides.each(function (){
	  $(this).css("z-index",++currentPosition) 
	  
  });
  // Remove scrollbar in JS
  $('#photoSlider').css('overflow', 'hidden');



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

  // Insert controls in the DOM
  $('#photoSlider')
    .prepend('<a class="control" style="display:none;" id="leftControl">Anterior</a>')
    .append('<a class="control" style="display:none;" id="rightControl">Siguiente</a>');

  // Hide left arrow control on first load
  manageControls(currentPosition);
  //buttonAnimation();
  
  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', buttonAnimation);
  
  
  function buttonAnimation(){
	    // Determine new position
		window.clearInterval(interval);
	  	
		if($(this).attr('id')=='leftControl'){
			speed = transitionSpeed;
			$('#slider div.csc-default').each(function(){
                   if($(this).css("z-index")==numberOfSlides){
                      $(this).stop(1);
                    }
                   }
            );
		}else if($(this).attr('id')=='rightControl'){


             if($.browser.msie){
            //   $("#c5").append(  $('#slider div.csc-default[style*="z-index: '+numberOfSlides+'"]').css("z-index"));
             }
			speed =transitionSpeed;
             $('#slider div.csc-default').each(function(){
                   if($(this).css("z-index")==numberOfSlides){
                      $(this).stop(1);
                    }
                   }
                 );
			//$('#slider div.csc-default[style*="z-index: '+numberOfSlides+'"]').stop(1);
		}
	
		
	
		// Hide / show controls
	//    manageControls(currentPosition);
	

	    // Move 
	   $('#slider div.csc-default').each(function(){ 
		   if($(this).css("z-index")==numberOfSlides){
				   $(this).animate(
				    		{'opacity' :0},
				    		speed,
				    		'swing',
				    		orderSlides


				    );
			}

		   }
		 );
	   

	    
	 };

  // 
  function manageControls(position){
	  
	
	 if(numberOfSlides<=1){
		 $('#leftControl').hide();
		 $('#rightControl').hide();
		 return;
		 
	 }else{
		 $('#leftControl').show()
		 $('#rightControl').show()
		 interval = window.setInterval(nextStep, nextSpeed);
	 }

  }	
  function orderSlides(){
   
	  slides.each(function (){
		  var slide = $(this);
		  if(slide.css("opacity")==0){
			 slide.css("z-index",0);
			 slide.css("opacity",1);
		  }

		  slide.css("z-index", parseInt(slide.css("z-index"))+1  );
	  })



	  interval = window.setInterval(nextStep, nextSpeed);
	  
  }
  function nextStep(){
	 
	  $("#rightControl").trigger("click");  

  }
});