var slideArray = [["one", "0px"], ["two", "58px"], ["three", "113px"], ["four", "171px"], ["five", "227px"] ];

var slideIndex = 0;
function nextSlide(){
	var slideClass = slideArray[slideIndex][0];
	var marLeft = slideArray[slideIndex][1];
	if($('.'+slideClass).css("display") == "none"){
		$('.hide_slides').fadeOut('fast');
    	$('.'+slideClass).fadeIn('slow');
	}

	
	$(".slide .pointer").animate({  marginLeft: marLeft}, 1000 );
    
	
	
	slideIndex++;
	if(slideIndex == 5){ slideIndex = 0; }
}

$(document).ready(function(){

setInterval( "nextSlide()", 5000);


$('.one_btn').click(function() {
	slideIndex = 0;
    nextSlide();
});

  
$('.two_btn').click(function() {
	slideIndex = 1;
    nextSlide();
});
  
  
$('.three_btn').click(function() {
	slideIndex = 2;
   	nextSlide();
});  
  
  
$('.four_btn').click(function() {
	slideIndex = 3;
   	nextSlide();
    
});
  

$('.five_btn').click(function() {
	slideIndex = 4;
    nextSlide();
    
}); 
  

 
/*-------- Slide Buttons -----------*/
  
$('.one .left').click(function() {
    slideIndex = 4;
    nextSlide();    
});
  
$('.one .right').click(function() {
    slideIndex = 1;
    nextSlide();
});
  
  
$('.two .left').click(function() {
	slideIndex = 0;
	nextSlide();
});
  
$('.two .right').click(function() {
    slideIndex = 2;
	nextSlide();
});
  
  
$('.three .left').click(function() {
	slideIndex = 1;
	nextSlide();
});
  
$('.three .right').click(function() {
	slideIndex = 3;
	nextSlide();
}); 

  
$('.four .left').click(function() {
	slideIndex = 2;
	nextSlide();
});
  
$('.four .right').click(function() {
	slideIndex = 4;
	nextSlide();    
});
  
$('.five .left').click(function() {
	slideIndex = 3;
	nextSlide();
});
  
$('.five .right').click(function() {
	slideIndex = 0;
	nextSlide();
});
  
});