$(document).ready(function() {
	
	$("#close-project").hide();
	$("#details").hide('fast');
	$("#pager-play-button").hide();
	
	$('.slideshow').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		next: '#pager-forward',
		prev: '#pager-reverse',
		timeout: 8000,
		pager: '#new-pager',
		pagerEvent: 'mouseover',
		pauseOnPagerHover: true,
		delay: 1000
	});
		
	$("#open-project").click(function(){
		$('#details').show('fast');
		$('#gallery').hide('medium');
		
		$('#open-project').hide();
		$('#close-project').show();	
		
		//pause the slideshow
		$('.slideshow').cycle('pause');
		$("#pager-play-button").show();
		$("#pager-pause-button").hide();

	});
	
	$("#close-project").click(function(){
		$('#details').hide('fade');
		$('#gallery').show('medium');
		
		$('#open-project').show();
		$('#close-project').hide();	
		
		//pause the slideshow
		$('.slideshow').cycle('resume');
		$("#pager-play-button").hide();
		$("#pager-pause-button").show();

	});
		
	$("#pager-pause-button").click(function(){
		$("#pager-play-button").show();
		$("#pager-pause-button").hide();
		
		$('.slideshow').cycle('pause');
	});
	
	$("#pager-play-button").click(function(){
		$("#pager-play-button").hide();
		$("#pager-pause-button").show();
		
		$('.slideshow').cycle('resume');
	});	
});