$(document).ready(function() {

	//change urls to work with ajax
	$("a.web").attr("href", "#web");
	$("a.albums").attr("href", "#albums");
	$("a.print").attr("href", "#print");

	var webslider = $('#webslider');
	webslider.nivoSlider({effect:'fade', animSpeed:300, pauseTime:3000,   manualAdvance:true});
	
	
	var printslider = $('#printslider');
	printslider.nivoSlider({effect:'fade', animSpeed:300, pauseTime:3000,   manualAdvance:true});

	// on click events for showing work
	$("a.sample, a.close").live('click', function() {
		page = $(this).attr("href").replace("\#","");
		show_samples(page);
	});
	



});



function show_samples(page){

		var holder = $('#showsamples');
		var href= '/dev/index.php?site/' + page;
		
		var webslider = $('#webslider');
		var printslider = $('#printslider');
	
		var p = 80;
		
		if(page != "/"){
			
			$.scrollTo("#work", 400);
        	    
   			// adjust height of div#content
        	
        		
        		if(page == "web"){
        				
			   			  $('#showsamples .print .inner, #showsamples .albums .inner').css('display', 'none');
			   			
						$('#showsamples .web .inner').css('display', 'block');
						
	
						var h = $('#showsamples .web .inner').height();
						$('#webslider').data('nivoslider').start();
						$('#arrow').css('left', '110px');
						
					
				} else if(page == "albums")  {
					
					$('#showsamples .print .inner, #showsamples .web .inner').css('display', 'none');
					$('#showsamples .albums .inner').css('display', 'block');
						
					var instanceOne = new ImageFlow();
					instanceOne.init({ ImageFlowID: 'myImageFlow' });		

					var h = $('#showsamples .albums .inner').height();
			
					$('#arrow').css('left', '430px');
					
				}else if(page == "print")  {
					$('#showsamples .web .inner, #showsamples .albums .inner').css('display', 'none');
					$('#showsamples .print .inner').css('display','block');
					$('#arrow').css('left', '740px');
					
					var h = $('#showsamples .print .inner').height();
					$('#printslider').data('nivoslider').start();			
				}				
        		
        		
        	
        	
   	         holder.animate({ height: (h+p),leaveTransforms:true}, 300);
	
				
		} else {
					holder.animate({ height:0,leaveTransforms:true}, 300, function(){
						
						$.scrollTo("#work", 300);
					});
		}

}