$(document).ready(init);

function init() {
	Nav.Init();
}

var Nav = {
	
	Active : 0,
	Pages : Array(),
	
	Init : function() {
		var NavHTML = '<div id="nav2"><ul>';
				NavHTML+= '<li id="nav2_1" rel="0">Antipasti</li>';
				NavHTML+= '<li id="nav2_2" rel="1">Pasta</li>';
				NavHTML+= '<li id="nav2_3" rel="2">FrŒn grillen</li>';
				NavHTML+= '<li id="nav2_4" rel="3">Dolci</li>';								
				NavHTML+= '</ul></div>';
				$('body').append(NavHTML);
				
				$('#nav2 li').click(function() {
					Nav.Update($(this).attr('rel'));
				});
				
				$('#nav_1').css('marginTop','-8px');
		
		$('#wrapper h1, #wrapper p.intro').hide();
				
		// Pages
		Nav.Pages[0] = 'antipasti';
		Nav.Pages[1] = 'pasta';	
		Nav.Pages[2] = 'grill';	
		Nav.Pages[3] = 'dolci';
		Nav.Pages[4] = 'takeaway';				
		$('.page:not(#antipasti)').css('left','-400px');
				
				
		//Take-away
		var TAHTML = '<span id="nav2_5" rel="4">Se vŒr Take Away</span>';
				$('#wrapper').append(TAHTML);
				$('#nav2_5').click(function() {
					Nav.Update($(this).attr('rel'));
				});				
		
		// Valentines
		//$('#wrapper').append('<div id="heart">Vi har öppet på Alla hjärtans dag</div>');
		// Summer
		//$('#wrapper').append('<div id="sun">Vi har sommarstängt. Öppnar åter den 12:e augusti.</div>');		
		// Inda
		//$('#content_wrapper').append('<a href="http://www.indahjalpen.se/" target="_blank" id="inda">Tisdag den 25 oktober kl 16 - 19 visar och säljer inda design smycken och tavlor. Happy hour i baren under denna tid.</a>');				
		
		
		
	},
	
	Update : function(newActive) {
		$('#nav li:eq(' + Nav.Active + ')').animate({marginTop: "0px"}, 100 );
		if( newActive != 4 ) {
			$('#nav li:eq(' + newActive + ')').animate({marginTop: "-8px"}, 100 );
		}
	
		$('#' + Nav.Pages[Nav.Active]).animate({left: "-400px"}, 200, function() {
			$('#' + Nav.Pages[newActive]).animate({left: "15px"}, 200 );
		} );
		Nav.Active = newActive;
	}
}