$(function(){
	
	$('#products-list').masonry({
		itemSelector : 'section'
	});
				
	$("nav a:not(.activepage)").hover(function() {
		$(this).fadeTo('fast', 1);
		}, function(){
			$(this).fadeTo('slow', .7);
	});
	
	$("#facebook-banner a").hover(
		function(){
			$(this).fadeTo('fast', 1);
		}, 
		function(){
			$(this).fadeTo('slow', .8);
		}
	);
	
	$('#index-slideshow section img:nth-child(3)').css('margin-right','0');

	$('#prev, #next').hover(
	    function(){
	    	$(this).filter(':not(:animated)').animate({'width':'50px'});
	    },
	    function(){
	        $(this).animate({'width':'40px'});
	    }
	);
	
	$('#index-slideshow').cycle({
		fx:     'scrollHorz', 
		prev:   '#prev', 
		next:   '#next', 
		timeout: 0, 
		speed:  1000,
		slideExpr: 'section'
	});
	
	$('#slideshow').before('<ul id="slideshow-nav">').cycle({ 
	    fx:     'fade', 
	    speed:  1300, 
	    timeout: 0, 
	    pager:  '#slideshow-nav', 
		slideExpr: 'img',
	    before: function() { if (window.console) console.log(this.src); }, 
	    pagerAnchorBuilder: function(idx, slide) { 
	        return '<li id="nav-' + slide.id + '"><a href="#" title="' + slide.title +	 '"><img src="images/square/' + slide.id + '.jpg" width="120" height="120" /><span>' + slide.title +'</span></a></li>'; 
	    } 			    
	});
	
	$('#nav-alyssa').click(function(){
		$('#bios').html('<h4>Alyssa Rienzi</h4><span class="label">Position:</span><span class="data">Stylist</span><span class="label">Experience:</span><span class="data">3 years</span>');	
	});
	
	$('#nav-david').click(function(){
		$('#bios').html('<h4>Dave Lattimer</h4><span class="label">Position:</span><span class="data">Owner/Stylist</span><span class="label">Experience:</span><span class="data">20 years</span>');	
	});

	$('#nav-hillary').click(function(){
		$('#bios').html('<h4>Hillary Trifari</h4><span class="label">Position:</span><span class="data">Stylist</span><span class="label">Experience:</span><span class="data">4 years</span>');	
	});
	
	$('#nav-jen').click(function(){
		$('#bios').html('<h4>Jen Esposito</h4><span class="label">Position:</span><span class="data">Stylist</span><span class="label">Experience:</span><span class="data">15 years</span>');	
	});
	
	$('#nav-jess').click(function(){
		$('#bios').html('<h4>Jessica Tartaglione</h4><span class="label">Position:</span><span class="data">Stylist</span><span class="label">Experience:</span><span class="data">3 years</span>');	
	});
					
	$('#nav-patrese').click(function(){
		$('#bios').html('<h4>Patrese Lattimer</h4><span class="label">Position:</span><span class="data">Salon Coordinator</span><span class="label">Experience:</span><span class="data">10 years</span>');	
	});
	
});