function resetDots(){
	var curSlide = $('#currentSlide').html();
	for(i=1;i<8;i++){
  	if(parseInt(curSlide)==i){
  		$('#dot-'+i).removeClass('dotOff').addClass('dotOn');
  	}else{
    	$('#dot-'+i).removeClass('dotOn').addClass('dotOff');
    }
  }
}

$(document).ready(function(){
	
  var distanceToTravel = 940;
  var sliderSpeed = 1750;
  fadeSpeed = 500;
  var qtyOfSlides = 7;
  
  setTimeout('$(\'#narrative-1\').fadeIn(fadeSpeed)',500);
  
  $('.slideControl').click(function(){
  	curslide = $('#currentSlide').html();
  	$('#narrative-'+curslide).fadeOut(fadeSpeed);
    clicked = $(this).attr('id');
    slideIdParts = clicked.split('-');
    slideId = slideIdParts[1];
		$('#currentSlide').html(slideId);
    	
    $('#slideTrack').animate({
    	marginLeft: (-1*(distanceToTravel*(slideId-1)))+'px'
   		}, sliderSpeed,function(){
      	resetDots();
        $('#narrative-'+slideId).fadeIn(fadeSpeed);
   	});
	});
  
  $('.dotOff').click(function(){
  	curslide = $('#currentSlide').html();
  	$('#narrative-'+curslide).fadeOut(fadeSpeed);
    clicked = $(this).attr('id');
    slideIdParts = clicked.split('-');
    slideId = slideIdParts[1];
		$('#currentSlide').html(slideId);
    	
    $('#slideTrack').animate({
    	marginLeft: (-1*(distanceToTravel*(slideId-1)))+'px'
   		}, sliderSpeed,function(){
      	resetDots();
        $('#narrative-'+slideId).fadeIn(fadeSpeed);
   	});
	});
  
  $('#plusButton').click(function(){
  	curslide = $('#currentSlide').html();
    if(parseInt(curslide) == qtyOfSlides){
    	$('#currentSlide').html(1);
      nextSlide = 1;
      nextStop = '0px';
    }else{
    	nextSlide = (parseInt(curslide)+1);
      $('#currentSlide').html(nextSlide);
      nextStop = '+='+(-1*(distanceToTravel))+'px';
    }
    
    $('#narrative-'+curslide).fadeOut(fadeSpeed);
    
    $('#slideTrack').animate({
    	marginLeft: nextStop
   		}, sliderSpeed,function(){
      	resetDots();
        $('#narrative-'+nextSlide).fadeIn(fadeSpeed);
   	});
  });
  
  $('#minusButton').click(function(){
  	curslide = $('#currentSlide').html();
    if(parseInt(curslide) == 1){
    	$('#currentSlide').html(qtyOfSlides);
      nextSlide = qtyOfSlides;
      $('#currentSlide').html(qtyOfSlides);
      nextStop = (-1*((qtyOfSlides-1)*distanceToTravel))+'px';
    }else{
    	nextSlide = (parseInt(curslide)-1);
      $('#currentSlide').html(nextSlide);
      nextStop = '-='+(-1*(distanceToTravel))+'px';
    }
    
    $('#narrative-'+curslide).fadeOut(fadeSpeed);
    
    $('#slideTrack').animate({
    	marginLeft: nextStop
   		}, sliderSpeed,function(){
      	resetDots();
        $('#narrative-'+nextSlide).fadeIn(fadeSpeed);
   	});
  });
  
});