jQuery(document).ready(function($) {
	$(window).resize(function() {
		fitToScreen();
	});
	fitToScreen();
	$('#maincontainer').show();
	$('#navigation').bind( 'click', function() {
		toggleNav();
	});
	$('#navigation a').bind( 'click', function() {
		$('#navigation a').removeClass('active');
		$(this).addClass('active');
		Cufon.refresh();
	});
	//animateToArticle();
});

var lock = false;
var lockNav = false;

function unlock() {
	lock = false;
}

function lock() {
	lock = true;
}

function toggleNav() {
	var iLeft = $('#navigation').css('left');
	if( iLeft != '0px' && !lockNav ) {
		lockNav = true;
		//$('#navigation').css('opacity',1);
		$('#navigation').animate({
		    left: 0,
		  }, 250, function() {
		    // Animation complete.
		    lockNav = false;
		});
	} else if( !lockNav ) {
		var nav = $('#navigation');
		lockNav = true;
		//$('#navigation').css('opacity',0.4);
		nav.animate({
		    left: -150,
		  }, 250, function() {
		    // Animation complete.
		    lockNav = false;
		});
	}	
}

function fitToScreen() {
	$('#mainimage').height( $(document).height() );
	$('#maincontainer').height( $(document).height() );
	$('#maincontainer').width( $(window).width() );
	
	$('#video').width( ($(window).width()*0.50) );
	$('#video .contentpane iframe').width( ($('#video').width() -80) );
	var locationVideoLeft = ($(window).width()-$('#video').width())*0.95;
	$('#video').css('left', locationVideoLeft+'px');
	
	var locationLogosLeft = (locationVideoLeft-$('#logos').width())-10;
	$('#logos').css('left', locationLogosLeft+'px');
	
	
	$('#article').width( ($(window).width()*0.50) );
	var locationArticleLeft = locationVideoLeft+$('#video').width();
	$('#article').css('left', locationArticleLeft+'px');
	
	$('#photos').width( ($(window).width()*0.75) );
	var locationPhotosLeft = locationArticleLeft+$('#article').width();
	$('#photos').css('left', locationPhotosLeft+'px');
	
	$('#mainimage').css('right', ($(window).width()-$('#mainimage').width()));
}


function animateToVideo() {
	if(!lock) {
		lock = true;
		$('#mainimage').animate({
		    right: ($(window).width()-$('#mainimage').width()),
		  }, 1000, function() {
		    // Animation complete.
		    lock = false;
		});	
	}
}

function animateToArticle() {
	theAnimation('#article');
}

function animateToPhotos() {
	theAnimation('#photos');
}

function theAnimation(id) {
	var iOffset 		= $(id).offset();
	var iCurrentOffset 	= $('#mainimage').offset();
	if( !lock ) {
		lock = true;
		$('#mainimage').animate({
		    right: '+='+iOffset.left,
		  }, 1000, function() {
		    // Animation complete.
		    lock = false;
		});
	}
}