$( document ).ready( function() {

	var $videoPlayer = $( "#video_player" );

	$videoPlayer.css({overflow:"hidden",left:"0px",width:"700px",height:"394px"});


	$( window ).bind( "resize", function() {
		var fullW = $( window ).width() - 20;
		var fullH = $( window ).height() - 20;
		var halfW = Math.round( ( fullW - 1400 ) / 2 );
		var halfH = Math.round( ( fullH - 900 ) / 2 );
		var galleryB = 320 - ( Math.round( 130 * ( fullH / 900 ) ) );
		var $siteLayout = $( "#site_layout" );
		var $innerViewport = $( "#inner_viewport" );
		var $holdersViewport = $( "#holders_viewport" );
		var $contentHolders = $( "#content_holders" );
		var $topNav = $( "#nav_top" );
		var $topShare = $( "#nav_top_share" );
		var $navRight = $( "#nav_right" );
		var $longContent = $( ".long_content" );
		var $galleryNav = $( ".gallery_holder .gallery_nav" );
		var $colorNav = $( ".color_picker .color_nav" );
		var $specNav = $( ".spec_picker .spec_nav" );

		if( $("#nav_top_right > ul > li.right").eq(0).html() == 'HIDE MENU' ) {
			// menu is visible
			var currMax = 1400;
			var currW = fullW;
			if( currW > currMax ) currW = currMax;
			var betweenW = Math.floor( ( currW - 999 ) / 2 );
			var betweenH = Math.floor( betweenW * 0.56 );
			var currP = currW / currMax;
			var currVW = 700 + betweenW;
			var currVH = 394 + betweenH;
		
			if( fullW > 1400 ) {
				$videoPlayer.css({left:"200px",width:"900px",height:"506px"});
			}
			else {
				if( fullW < 1000 ) {
					$videoPlayer.css({left:"0px",width:"700px",height:"394px"});
				}
				else {
					$videoPlayer.css({left:( halfW + 200 ) + "px",width:currVW + "px",height:currVH + "px"});
				}
			}
		}
		else {
			// menu is visible
			if( fullW > 1400 ) {
				$videoPlayer.css({left:"200px",width:"960px",height:"540px"});
			}
			else {
				if( fullW < 1000 ) {
					$videoPlayer.css({left:"0px",width:"960px",height:"550px"});
				}
				else {
					$videoPlayer.css({left:( halfW + 200 ) + "px",width:"960px",height:"540px"});
				}
			}
		}



		if( fullW > 1400 ) {
			if(window.location.hostname == 'darkersideofgreen.com' || window.location.hostname.substr(4) == 'darkersideofgreen.com') $siteLayout.css({width:"1400px"});
			$innerViewport.css({width:"1400px"});
			$topNav.css({width:"1400px"});
			$holdersViewport.css({left:"0px"});
			$galleryNav.css({left:"20px"});
			$colorNav.css({left:"20px"});
			$specNav.css({left:"20px"});
			$longContent.css({left:"20px"});
			$topShare.css({left:"1020px"});
		}
		else {
			if( fullW < 1000 ) {
				if(window.location.hostname == 'darkersideofgreen.com' || window.location.hostname.substr(4) == 'darkersideofgreen.com') $siteLayout.css({width:"1000px"});
				$innerViewport.css({width:"1000px"});
				$topNav.css({width:"1000px"});
				$holdersViewport.css({left:"-200px"});
				$galleryNav.css({left:"220px"});
				$colorNav.css({left:"220px"});
				$specNav.css({left:"220px"});
				$longContent.css({left:"220px"});
				$topShare.css({left:"620px"});
			}
			else {
				if(window.location.hostname == 'darkersideofgreen.com' || window.location.hostname.substr(4) == 'darkersideofgreen.com') $siteLayout.css({width:fullW + "px"});
				$innerViewport.css({width:fullW + "px"});
				$topNav.css({width:fullW + "px"});
				$holdersViewport.css({left:halfW + "px"});
				$galleryNav.css({left:( Math.abs(halfW) + 20 ) + "px"});
				$colorNav.css({left:( Math.abs(halfW) + 20 ) + "px"});
				$specNav.css({left:( Math.abs(halfW) + 20 ) + "px"});
				$longContent.css({left:( Math.abs(halfW) + 20 ) + "px"});
				$topShare.css({left:( fullW - 380 ) + "px"});
			}
		}
		if( fullH > 900 ) {
			if(window.location.hostname == 'darkersideofgreen.com' || window.location.hostname.substr(4) == 'darkersideofgreen.com') $siteLayout.css({height:"900px"});
			$innerViewport.css({height:"900px"});
			$navRight.css({height:"775px"});
			$holdersViewport.css({top:"0px"});
			$longContent.css({top:"70px"});
			$videoPlayer.css({top:"120px"});
		}
		else {
			if( fullH < 600 ) {
				if(window.location.hostname == 'darkersideofgreen.com' || window.location.hostname.substr(4) == 'darkersideofgreen.com') $siteLayout.css({height:"600px"});
				$innerViewport.css({height:"600px"});
				$navRight.css({height:"600px"});
				$holdersViewport.css({top:"-150px"});
				$longContent.css({top:"220px"});
				$videoPlayer.css({top:"-30px"});
			}
			else {
				if(window.location.hostname == 'darkersideofgreen.com' || window.location.hostname.substr(4) == 'darkersideofgreen.com') $siteLayout.css({height:fullH + "px"});
				$innerViewport.css({height:fullH + "px"});
				$navRight.css({height:( fullH - 125 ) + "px"});
				$holdersViewport.css({top:halfH + "px"});
				$longContent.css({top:( Math.abs(halfH) + 70 ) + "px"});
				$videoPlayer.css({top:( halfH + 120 ) + "px"});
			}
		}
		$galleryNav.css({bottom:galleryB + "px"});
		$colorNav.css({bottom:galleryB + "px"});
		$specNav.css({bottom:galleryB + "px"});


	});
	$( window ).trigger( "resize" );
	// hide/show right navigation
	$( "#nav_top_right li.right" ).bind( "click", function() {
		var topOffset;
		if( parseInt( $( "#nav_right" ).css( "top" ).replace( /px$/,"" ) ) == 0 ) {
			topOffset = 0 - $( "#nav_right" ).height();
			$( "#nav_top_right li.right" ).html( "SHOW MENU" );
			$( "#nav_right" ).animate({top:topOffset + "px"}, 500, function() {
			});
		}
		else {
			topOffset = 0;
			$( "#nav_top_right li.right" ).html( "HIDE MENU" );
			$( "#nav_right" ).animate({top:topOffset + "px"}, 500, function() {
			});
		}
		$( window ).trigger( "resize" );
	});
});