Galleria.loadTheme('/javascripts/themes/fullscreen/galleria.fullscreen.js');

$(function() {
	// Setup menu!
	$('#backdrop').hide();
	$('#main-menu').addClass('closed');

	// Menu, Activate!			
	$('#main-menu, a.nav-launch, #backdrop').click(function(){
		if ( $.browser.msie) {
			toggleMenuIE();
		} else {
			toggleMenu();
		}
	});

	$('#main-menu a').click(function(e){
		var toLoad = $(this).attr('href');
		e.preventDefault();
		$('div.gallery, div.content').hide();
		$('#navigation').after('<div class="container gallery"><div class="galleria-loader"></div></div>');
		toggleMenu();
		setTimeout(function(){window.location = toLoad}, 1000);
	});
	// Mozilla can't handle Webkit's gradient bg-clip awesomeness, therefore...
	if ($.browser.mozilla || $.browser.msie) {
		var colors = Array("#ffde16", "#8dc63f", "#00aeef", "#ed217c"), idx;
		$("#main-menu a").hover(function(){
		  idx = Math.floor(Math.random() * colors.length); // Pick random index
		  $(this).css('background', 'none').animate({color:colors[idx]}, 250);
		}, function() {
		  $(this).animate({"color":"#959595"}, 250);
		});
	}

	// Give audio grid some user feedback on hover...
	$('#grid-nine li').hover(function(){
		$('#grid-nine li').not(this).stop().animate({opacity:0.2}, 250);
	}, function(){
		$('#grid-nine li').stop().animate({opacity:1.0}, 250);
	})

	// Give images caption paragraph based on alt text...
	$('.content img').each(function(){
		var theDate = new Date()
		var caption = '<p class="caption">© Eric Meola ' + theDate.getFullYear() + '</p>'
		$(this).after(caption);
	})

});

// Menu animation toggler...
function toggleMenu() {
	if ( $('#main-menu').hasClass('closed') ) {
		$('#breadcrumbs').css('opacity', 0);
		$('#main-menu').css('background', '#C8C8C8').animate({
			fontSize : '4.5em',
			width : '12em',
			height : '8.4em',
			marginLeft : '-7em',
			left : '50%'
		}, 750, 'easeInOutQuad', function(){
			$(this).removeClass('closed');
			$(this).addClass('open');
		});
		$('#backdrop').fadeIn(750);
		$('body, html').addClass('clip');
	} else if ( $('#main-menu').hasClass('open') ) {
		$('#breadcrumbs').css('opacity', 1.0);
		$('#main-menu').animate({
			fontSize : 0,
			width : '20px',
			height : '20px',
			marginLeft : 0,
			left : '1.0416666667%'
		}, 750, 'easeInOutQuad', function(){
			$(this).removeClass('open');
			$(this).css('background-color', '#AAA').addClass('closed');
		});
		$('#backdrop').fadeOut(750);
		$('body, html').removeClass('clip');
	}
};

function toggleMenuIE() {
	if ( $('#main-menu').hasClass('closed') ) {
		$('#breadcrumbs').css('opacity', 0);
		$('#main-menu').removeClass('closed').addClass('open');
		$('#backdrop').fadeIn(750);
		$('body, html').addClass('clip');
	} else if ( $('#main-menu').hasClass('open') ) {
		$('#breadcrumbs').css('opacity', 1.0);
		$('#main-menu').removeClass('open').addClass('closed');
		$('#backdrop').fadeOut(750);
		$('body, html').removeClass('clip');
	}
}