$(document).ready(function(){

	$('#image-container img').css('display', 'none');
	$('#image-container img').maxImage({
		verticalOffset: 0,
		horizontalOffset: 0,
		maxFollows: 'both',
		maxAtOrigImageSize: false,
		isBackground: false,
		position: 'relative'
	});
	
	$('#image-container img, #info').mouseenter(function() {
		$('#info a').css('visibility', 'visible');
	})
	
	$('#header, #prev, #next').mouseenter(function(){
		$('#info a').css('visibility', 'hidden');
	});

	$('#info').mouseleave(function(){
		$('#info a').css('visibility', 'hidden');
	});


	$('#nav_contact, #header h1').click(function(){
		showInfo($('#contact'), ['#information', '#project_info']);
	});
	$('#nav_information').click(function(){
		showInfo($('#information'), ['#contact', '#project_info']);
	});
	$('#info').click(function(){
		showInfo($('#project_info'), ['#contact', '#information']);
	});
	
	$('span.ui-icon-close').click(function() {
	    $(this).parent().fadeOut('slow');
	});
	
	$('#nav_projects a').mouseenter(function(){
		$('#nav_projects a ul').fadeIn('slow');	
	    return false;
	});

	
});

function showInfo( info, hidees ) {
	if (info.css('display') == 'none'){
		$(hidees).each(function(index, value){
			$(value).fadeOut('fast');
		});
		info.fadeIn('slow');
	} else {
		info.fadeOut('slow');
	}
}