// slider 
$(document).ready(function(){
	
  var currentPosition = 0;
  if (typeof(SLIDER_WIDTH)=='undefined')
  	{ SLIDER_WIDTH = 940; }
  var slideWidth = SLIDER_WIDTH;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  if (typeof(SLIDER_TIME)=='undefined') {
	SLIDER_TIME = 5000;
  }
  

  // Remove scrollbar in JS
  $('#slidesContainer').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);
                                                                        
 // navegación          
	var dotcontainer = $('#slideshow').append('<div id="dotmarkers"></div>')
	$(slides).each(function() {
		// $('#slideshow').append('<a class="control dotmarker" href="'+$(this).$('a').href+'">&bull;</a>')
		$('#dotmarkers').append('<a class="dotmarker" href="#">&bull;</a> ')
	});    
	        
  // Insert left and right arrow controls in the DOM
  // $('#slideshow')
  //   .prepend('<span class="control" id="leftControl"><-</span>')
  //   .append('<span class="control" id="rightControl">-></span>');     

  // Hide left arrow control on first load
  manageControls(currentPosition);         

  var timer = window.setInterval(function(){autoAdvance();}, SLIDER_TIME); 

 function autoAdvance() {
	if ((currentPosition+1) >= numberOfSlides) {
		currentPosition = 0;
	} else {
		currentPosition = currentPosition + 1
	} 
  	advanceSlideTo(currentPosition);
}

// Create event listeners for .controls clicks
  $('.control')
    .bind('click', advanceSlide);

  $('.control')
	.bind('click', function(){
	window.clearInterval(timer);
   })                    
   
  $('.dotmarker')
	.bind('click', function(){
		window.clearInterval(timer);
		var clicked_pos = $('.dotmarker').index($(this));
		// alert(clicked_pos);
		manageControls(clicked_pos);    
		advanceSlideTo(clicked_pos);
		return false;
	})

  function advanceSlideTo(newPos) {
	currentPosition = newPos;   
	manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
}  
  function advanceSlide(){   
	 // Determine new position
      currentPosition = ($(this).attr('id')=='rightControl')
    ? currentPosition+1 : currentPosition-1;

     advanceSlideTo(currentPosition);
    }
  // manageControls: Hides and shows controls depending on currentPosition
  function manageControls(position){
	
	$(".dotmarker").each(
	 	function(i) { 
			if (position==i) {
				$(this).addClass('active');
			} else {
				$(this).removeClass('active');
			}
		}
	);

    }   



	 // $('.dotmarker')[0].addClass('active');  
   
	// window.alert(position);
//.addClass('active');

  });  
// end slider