$(document).ready(function(){
	$('#content-inner').css({'overflow':'hidden'});
	$('#kitchen').hide();
	$('#map').hide();
	$('#close').show();
	$('ul#navi li#close a').click(function(){
		$('#content-inner').animate({'height':'100px'});
		$('#content-block').animate({'marginTop':'150px'});
	});
		$('ul#navi li.item a').click(function(){
		var vclass = $(this).attr('class');
		$('#container #background').fadeOut(function(){
			$(this).attr('src','images/background'+vclass+'.jpg').fadeIn()
		});
			if($('div'+$(this).attr('href')).height()>300) {
			 $('#content-inner').animate({'height':$('div'+$(this).attr('href')).height()});
			 $('#content-block').animate({'marginTop':'-'+($('div'+$(this).attr('href')).height()-250)});

			 $('#content-inner div').each(function(){
				$(this).hide();	
			 });
			 $('div'+$(this).attr('href')).fadeIn();
			} else {
			 $('#content-inner').animate({'height':'250px'});
			 $('#content-block').animate({'marginTop':'0'});
			 $('#content-inner div').each(function(){
				$(this).hide();	
			 });
			 $('div'+$(this).attr('href')).fadeIn();
			}
		return false;
		}); 
	});