$(document).ready(function() {

	$('div#rules').hide();
	$('div#observe').hide();
	$('div#process').hide();

//---------------- title -------------------//
	$('h1#title a').click(function() {
		
		// fadeout all content
		$('div#game').fadeOut(400);
		// embed code for video / game // $('div#demo embed').css({display : 'none'});
		$('div#rules').fadeOut(400);
		$('div#observe').fadeOut(400);
		$('div#process').fadeOut(400);
		// ----------------------

		setTimeout(function(){
			$('div#content').animate({height : '800px'});

			setTimeout(function(){
				$('div#game').fadeIn(400);	
			}, 420);				

		}, 420);				
	});
//---------------- game -------------------//	
	$('a#navgame').click(function() {	

		// fadeout all content
		$('div#game').fadeOut(400);
		// embed code for video / game // $('div#demo embed').css({display : 'none'});
		$('div#rules').fadeOut(400);
		$('div#observe').fadeOut(400);
		$('div#process').fadeOut(400);
		// ----------------------
		
		setTimeout(function(){
			$('div#content').animate({height : '800px'});
			
			setTimeout(function(){
				$('div#game').fadeIn(400);
				// embed code for video / game // 	$('div#demo embed').css({display : 'block'});	
			}, 420);
				
		}, 420);				
	});
//---------------- rules -------------------//	
	$('a#navrules').click(function() {	

		// fadeout all content
		$('div#game').fadeOut(400);
		// embed code for video / game // $('div#demo embed').css({display : 'none'});
		$('div#rules').fadeOut(400);
		$('div#observe').fadeOut(400);
		$('div#process').fadeOut(400);
		// ----------------------
		
		setTimeout(function(){
			$('div#content').animate({height : '400px'});
			
			setTimeout(function(){
				$('div#rules').fadeIn(400);
			}, 420);
				
		}, 420);				
	});
//---------------- observe -------------------//	
		$('a#navobserve').click(function() {	

			// fadeout all content
			$('div#game').fadeOut(400);
			// embed code for video / game // $('div#demo embed').css({display : 'none'});
			$('div#rules').fadeOut(400);
			$('div#observe').fadeOut(400);
			$('div#process').fadeOut(400);
			// ----------------------

			setTimeout(function(){
				$('div#content').animate({height : '500px'});

				setTimeout(function(){
					$('div#observe').fadeIn(400);
				}, 420);

			}, 420);				
		});
//---------------- process -------------------//	
			$('a#navprocess').click(function() {	

				// fadeout all content
				$('div#game').fadeOut(400);
				// embed code for video / game // $('div#demo embed').css({display : 'none'});
				$('div#rules').fadeOut(400);
				$('div#observe').fadeOut(400);
				$('div#process').fadeOut(400);
				// ----------------------

				setTimeout(function(){
					$('div#content').animate({height : '900px'});

					setTimeout(function(){
						$('div#process').fadeIn(400);
					}, 420);

				}, 420);				
			});
   	
});