var curProj = null;

var medVis = false;

var mh = 0;

function showProject( id ) {
	
	if( curProj != null ) {
		
		if( curProj != id ) {
			
			var ch = $( "div#container" ).height( );
			
			// $( "div#container" ).height( $( "div#container" ).height( ) + mh );
			
			$( "div#swf" ).remove( );
			
			$( "li#menu" + curProj ).find( "a" ).removeClass( "selected" );
			
			$( "div#project" + curProj ).slideUp( 500 );
			
			// $( "div#project" + id ).css( "opacity", 0 );
			
			$( "div#project" + id ).slideDown( 500, function( ) { 
				
				// $( "div#project" + id ).animate( { opacity: 100 }, 500 );
				
				// $( "div#container" ).height( $( "div#container" ).height( ) - mh );
				
				// scrollToTop( );
				
				scrollDownToProject( id );
				
			} );
			
		}
		
	} else {
		
		$( "div#project" + id ).slideDown( 500, function( ) { 
			
			// $( "div#project" + id ).animate( { opacity: 100 }, 500 );
			
			// scrollToTop( );
			
			scrollDownToProject( id );
			
		} );
		
	}
	
	curProj = id;
	
	$( "li#menu" + id ).find( "a" ).addClass( "selected" );
	
}

function hideProject( id ) {
	
	$( "div#swf" ).remove( );
	
	// $( "div#project" + id ).animate( { opacity: 0 }, 500 );
	
	$( "div#project" + id ).slideUp( 500, scrollToTop );
	
	$( "li#menu" + id ).find( "a" ).removeClass( "selected" );
	
	curProj = null;
	
}

function scrollToTop( ) {
	
	$( "html,body" ).animate( { scrollTop: 0 }, 250 );
	
}

function scrollDownToProject( id ) {
	
	var y = $( "div#project" + id ).offset( ).top - 10;
	
	$( "html,body" ).animate( { scrollTop: y }, 500 );
	
}

function showSWF( s, w, h, p ) {
	
	medVis = true;
	
	var med = document.createElement( "div" );
	med.id = "media";
	
	var swf = document.createElement( "div" );
	
	swf.id = "swf";
	
	med.appendChild( swf );
	
	$( "div#mask" ).after( med );
	
	$( "div#media" ).css( { 'width': w, 'height': h } );
	
	var winH = $( window ).height( );
	var winW = $( window ).width( );
	
	$( "div#media" ).css( { 'left': winW / 2 - w / 2 - 20, 'top': winH / 2 - h / 2 + $( window ).scrollTop( ) - 20 } );
	
	showMask( );
	
	swfobject.embedSWF( "swf/" + s + ".swf", "swf", w, h, "8", "swf/expressInstall.swf", p );
	
}

function showImg( s, w, h ) {
	
	medVis = true;
	
	var med = document.createElement( "div" );
	med.id = "media";
	
	var img = document.createElement( "img" );
	
	img.src = "img/" + s;
	img.width = w;
	img.height = h;
	img.alt = s;
	
	med.appendChild( img );
	
	$( "div#mask" ).after( med );
	
	$( "div#media" ).css( { 'width': w, 'height': h } );
	
	var winH = $( window ).height( );
	var winW = $( window ).width( );

	//Set the popup window to center  
	$( "div#media" ).css( { 'left': winW / 2 - w / 2 - 20, 'top': winH / 2 - h / 2 + $( window ).scrollTop( ) - 20 } );
	
	showMask( );
	
}

function showMask( ) {
	
	medVis = true;
	
	var maskHeight = $( document ).height( );
	var maskWidth = $( window ).width( );
	
	$( "div#mask" ).css( { "width": maskWidth, "height": maskHeight } );
	$( "div#mask" ).fadeTo( "slow", 0.8, function( ) {
		
		$( "div#media" ).fadeIn( "slow" );
		
	} );
	
}

function hideMask( ) {
	
	medVis = false;
	
	$( "div#swf" ).remove( );
	
	$( "div#media" ).fadeOut( "slow", function( ) {
		
		$( "div#media" ).remove( );
		
		$( "div#mask" ).fadeTo( "slow", 0, function( ) {
			
			$( "div#mask" ).css( { "width": 0, "height": 0 } );
			
		} );
		
	} );
	
}

$( document ).ready( function( ) {
	
	$( "div#menu a" ).click( function( ) {
		
		var id = $( this ).parent( ).attr( "id" );
		
		showProject( id.substr( 4 ) );
		
		return false;
		
	});
	
	$( "div.project" ).each( function( ) {
		
		var cld = document.createElement( "div" );
		cld.className += "close";
		
		var cl = document.createElement( "a" );
		
		cl.innerHTML = "Close";
		cl.href = "#";
		
		cld.appendChild( cl );
		
		$( this ).prepend( cld );
		
		var id = $( this ).attr( "id" );
		
		cl.onclick = function( ) {
			
			hideProject( id.substr( 7 ) );
			
			return false;
			
		};
		
		// $( this ).css( "opacity", 0 );
		
		if( $( this ).height( ) > mh ) {
			
			mh = $( this ).height( );
			
		}
		
	} );
	
	$( "div#mask" ).click( function( e ) {
		
		hideMask( );
		
	} );
	
	$( "div#media" ).click( function( e ) {
		
		hideMask( );
		
	} );
	
	$( "div.project" ).hide( );
	
	var mov = $( "div#projects" );
	
	$( mov ).remove( );
	
	$( "div#menu" ).before( mov );
	
	$( "div#projects" ).css( "display", "block" );
	
	$( "body" ).show( );
	
	$( window ).scroll( function( ) {
		
		if( medVis ) {
			
			var winH = $( window ).height( );
			var winW = $( window ).width( );
			
			//Set the popup window to center  
			$( "div#media" ).css( { 'left': winW / 2 - $( "div#media" ).width( ) / 2 - 20, 'top': winH / 2 - $( "div#media" ).height( ) / 2 + $( window ).scrollTop( ) - 20 } );
			
		}
		
	} );
	
	$( "div#container" ).css( "height", $( "div#container" ).height( ) + ( mh ) );
	
} );