$(document).ready(function(){
	
	$('#hide').click(function () {
		$('#bg').removeClass('summary').addClass('work').fadeTo(1000, 1);					 
		$('#content').fadeOut();
		$('#show').removeClass('active');
		$('#next, #prev').removeClass('shown');
		return false;
	});
	
	$('#show').click(function () {
		$('#bg').removeClass('work').addClass('summary').fadeTo(1000, 0.2);
		$('#content').fadeIn();
		$('#next, #prev').addClass('shown');
	});
	
	$('#next, #prev').click(function(){
		$('#bg').fadeTo(300, 1);
		$('#content').fadeOut();
	});
	
	$('#bg').bgResize({
		imagewidth:1680,
		imageheight:1116
	});
	
	$('#inner-bg').cycle({ 
		fx:     'scrollHorz', 
		speed:  'medium', 
		timeout: 0, 
		next:   '#next', 
		prev:   '#prev',
		pager:  '#img-nav', 
		pagerAnchorBuilder: function(idx, slide) { 
			// return selector string for existing anchor 
			return '#img-nav li:eq(' + idx + ') a'; 
		} 
	});
	
	$('#content').css({'marginTop' : -($('#content').height()/2)});
	
	$('#content').delay(500).fadeIn(3000);
	
	$('#bg').click(function(e){
		
		var bgWidth = $('#bg').width();
		
		if($(this).hasClass('summary')){
		
			$('#bg').removeClass('summary').addClass('work').fadeTo(300, 1);
			$('#content').fadeOut(300);
			$('#mouse-directions').delay(400).fadeIn(700).delay(200).fadeOut(600);
			return;
		
		}
		
		if(e.pageX >= bgWidth/2){
		
			$('#next').click();
		
		}
		else{
		
			$('#prev').click();
		
		}
		
		return false;
	
	});
	
	
	
	$('#bg img:first').load(function(){
		
		$('#bg').removeClass('loading').addClass('summary');
		$('#bg').fadeTo(2000, 0.2);
	
	});
	
    Cufon.replace('h2, #inner p, .work-title, #contact-body h4, #project-thumbnails, #back-to-work', {
        hover: true,
        hoverables: {span: true}
    });

	
});