$(document).ready(function() {

	$('#slideshow').cycle({ 
		fx: 'uncover',
		fx: 'scrollLeft',
		timeout: 4000,
		speed: 1000,
		pause: 1,
		before: onAfter
	});
	
	function onAfter(curr,next,opts) {
		var thumbnum = (opts.nextSlide + 1);
		
		$('#thumb1').removeClass('active');
		$('#thumb2').removeClass('active');
		$('#thumb3').removeClass('active');
		$('#thumb4').removeClass('active');
		$('#thumb5').removeClass('active');
		$('#thumb6').removeClass('active');
		
		$('#thumb' + thumbnum).addClass('active');
	}
	
	$('#thumb1').addClass('active');
	$('#thumb2').removeClass('active');

	$('#goto1').click(function() { 
		$('#slideshow').cycle(0);
		$('#thumb2').removeClass('active');
		$('#thumb3').removeClass('active');
		$('#thumb4').removeClass('active');
		$('#thumb5').removeClass('active');
		$('#thumb6').removeClass('active');		
		$('#thumb1').addClass('active');
		return false; 
	}); 	
	$('#goto2').click(function() { 
		$('#slideshow').cycle(1); 
		$('#thumb1').removeClass('active');
		$('#thumb3').removeClass('active');
		$('#thumb4').removeClass('active');
		$('#thumb5').removeClass('active');
		$('#thumb6').removeClass('active');	
		$('#thumb2').addClass('active');		
		return false; 
	}); 	
	$('#goto3').click(function() { 
		$('#slideshow').cycle(2); 
		$('#thumb1').removeClass('active');
		$('#thumb2').removeClass('active');
		$('#thumb4').removeClass('active');
		$('#thumb5').removeClass('active');
		$('#thumb6').removeClass('active');	
		$('#thumb3').addClass('active');		
		return false; 
	}); 	
	$('#goto4').click(function() { 
		$('#slideshow').cycle(3); 
		$('#thumb1').removeClass('active');
		$('#thumb2').removeClass('active');
		$('#thumb3').removeClass('active');
		$('#thumb5').removeClass('active');
		$('#thumb6').removeClass('active');	
		$('#thumb4').addClass('active');		
		return false; 
	}); 	
	$('#goto5').click(function() { 
		$('#slideshow').cycle(4); 
		$('#thumb1').removeClass('active');
		$('#thumb2').removeClass('active');
		$('#thumb3').removeClass('active');
		$('#thumb4').removeClass('active');
		$('#thumb6').removeClass('active');	
		$('#thumb5').addClass('active');		
		return false; 
	}); 	
	$('#goto6').click(function() { 
		$('#slideshow').cycle(5); 
		$('#thumb1').removeClass('active');
		$('#thumb2').removeClass('active');
		$('#thumb3').removeClass('active');
		$('#thumb4').removeClass('active');
		$('#thumb5').removeClass('active');
		$('#thumb6').addClass('active');
	
		return false; 
	}); 
});