$(function(){
	var margins = {
		content_1: 0,
		content_2: -657,
		content_3: -1314
	}

	$("#sliderNav").find('li:first-child').addClass('active');

	//handle nav click
	$("#sliderNav").find('a').click(function(e){
		
		//stop browser default
		e.preventDefault();

		//remove on states for all nav links
		$("#sliderNav li").removeClass("active");
		
		//add on state to selected nav link
		$(this).parent().addClass("active");
		
		//console.log('clicked: ' + $(this).attr("href") );

		//set margin of slider to move
		$("#sliderPanelsContainer").animate({
			marginLeft: margins[$(this).attr("href").split("#")[1]]
		});					
	});

	//hide descriptive text
	$("sliderPanels p").hide();

	//show descriptive text on mouseover (hide on mouseout)
	$("sliderPanels img").hover(
		function() {
			$(this).next().slideDown();
		}, function() {
			$(this).next().slideUp();
	});

})