//  :P

$(document).ready(function() {
	var		connectVis		=		false
	,		connect			=		$( '.connect-page' )
	,		connectHgt		=		connect.height()
	,		navHgt			=		$( 'header' ).height()
	,		wHgt
	,		mainH			=		$( '.main' ).height();
	
	
	$( '.nav-connect , .connect-close , .footer-connect').bind( 'click', doConnect );
	$( '.launch-link a' ).bind( 'click', blastOff );
	if(Modernizr.cssanimations) $( '.talking-head' ).hover( blahblah , shutup );
	
	if( $( 'body' ).hasClass('about') && Modernizr.csstransitions){
		$( window ).bind('load' , funfun );
		$( '.the-big-picture' ).hover( funfunHov , funfun)
	}
	
	//Update stuffs
	$( window ).bind( 'load' , update)

	//Update things that need window to be loaded
	function update(){
		$( 'body' ).hasClass('project') && flxsldr();
		
		wHgt = $( document ).height();
	}
	
	connect.css({
	
		"top" : -connectHgt + connectHgt 
		
	});
	
	//Connect Page
	function doConnect(){
		$( this ).hasClass('footer-connect') && $('body').animate({scrollTop : 0},'200');
		
		if ( connectVis === false ){
			
			$( '<div class="connect-overlay"><div>' ).prependTo($( 'body' )).css({'height' : wHgt }).fadeIn(300);
			
			connect.fadeIn(200, function() {
				
				$( this ).css({
					"top" : navHgt
				});
				
				if (!Modernizr.csstransitions){
					$( this ).animate({
						"top" : navHgt
					} , 300);
				}
				
				$( '.nav-connect' ).addClass('current');
				
				
				$( this ).hasClass('footer-connect') && $('html').animate({scrollTop : 0},'slow');				
			});
			
			$( '.main-nav a' ).not('a.nav-connect').fadeTo( 200 , 0.5);
			
			connectVis = true;
		
		}else if ( connectVis === true ){
			
			connect.css({				
				"top" : -connectHgt
			}).fadeOut(200);
			
			if (!Modernizr.csstransitions){
				$( this ).animate({
					"top" : -connectHgt
				} , 300).fadeOut(200);
			}
			
			$( '.connect-overlay' ).delay(200).fadeOut(300, function() {
				$( this ).remove();
			})
			
			$( '.nav-connect' ).removeClass('current');
			
			$( '.main-nav a' ).not('a.nav-connect').fadeTo( 200 , 1);
			
			connectVis = false;
			
		};
		
		shutup();		
		return false;
	};
	
	
	//About Page
	function funfun() {
		$( '.fun > div' ).fadeIn(200 , function() {
			$( '.hello' ).css({
		
				"top" : 90,
				"left" : 170
			
			});
			
			$( '.trvr' ).css({
			
				"top" : 250,
				"right" : 100
			
			});
		})
		
	}
	
	function funfunHov() {
		$( '.fun > div' ).fadeIn(200 , function() {
			$( '.hello' ).css({
		
				"top" : 120,
				"left" : 100
			
			});
			
			$( '.trvr' ).css({
			
				"top" : 200,
				"right" : 40
			
			});
		})
		
	}	
			
	function flxsldr(){
		if(!Modernizr.touch){
		    $('.flexslider').flexslider({
		    	
		    	animation: 'fade',              
		    	slideshow: false,
		    	controlNav: true
		    
		    })
	    }else if(Modernizr.touch){
	    	$('.flexslider').flexslider({
		    	
		    	animation: 'slide',              
		    	slideshow: false,
		    	controlNav: true
		    
		    })
	    }
	}
	
	//Blast Off!
	function blastOff(){
		
		$( '.rocket' ).animate({
			"top": -75,
			"right": -25
		}, 100)
		
		console.log('FHSSSEEEEEEWWWWWWAAAAHHHHHH!!!!');
	}
	 
	function blahblah() {
		
		$( '.blah-wrap' ).fadeIn(200);
		
		$( '<div class="blah-one">BLAH</div>' ).prependTo('.blah-wrap');
		$( '<div class="blah-two">%$!*</div>' ).prependTo('.blah-wrap');
		$( '<div class="blah-three">RABBLE</div>' ).prependTo('.blah-wrap');
		
	}
	
	function shutup() {

		$( '.blah-wrap' ).fadeOut(500 , function() {
			
			$( '.blah-wrap > div' ).remove()
		
		});
	
	}
		 
});