$(window).resize(function() {

	var $bgimg = $('#bg-img img');
	if($bgimg.height() < $(window).height()) {
		$bgimg.css({
			'height' : '100%',
			'width' : 'auto'
		});
	}
	if ($bgimg.width() < $(window).width()) {
		$bgimg.css({
			'height' : 'auto',
			'width' : '100%'
		});
	}
	
});

$(document).ready(function() {
	
	$(window).resize();
	
	// Dropdown menu for IE6 fix
	$('ul.root li').mouseenter(function () {
		$(this).addClass('hover');
		$('ul:first',this).css('visibility', 'visible');
	});
	
	$('ul.root li').mouseleave(function () {
		$(this).removeClass('hover');
		$('ul:first',this).css('visibility', 'hidden');
	});
	
	// toggle more-info nav
	var activeClass = ('active');
	var infoArg = $('li.nav-info,li.nav-info > a');
	var playArg = $('li.nav-play,li.nav-play > a');
	
	$('li.nav-info a').click(function(e) {
		e.preventDefault();
		infoArg.toggleClass(activeClass);
		playArg.removeClass(activeClass);
	});
	$('li.nav-play a').click(function(e) {
		e.preventDefault();
		setTimeout(function(){
			playArg.toggleClass(activeClass);
			infoArg.removeClass(activeClass);			
		},200);
	});
	
	// pause video on close	
	$('li.nav-play a.close').click(function(){
		$("video.video-js").player().pause();
	});
	
	
	// overlay
	$('#nav ul ul').mouseenter(function() {
		$('#overlay').addClass('on');
		$('#nav').css({
			'z-index' : 999
		});
	});

	$('#overlay, #nav > ul').mouseenter(function() {
		$('#overlay').removeClass('on');
	});

	$('#overlay, #nav > ul').mouseleave(function() {
		$('#overlay').removeClass('on');
		$('#nav').css({
			'z-index' : 1
		});
	});
	
	
});