var active_page;

$(document).ready(function(){
	
	var page_from_url = window.location.hash.substring(1);
	
	if(!page_from_url)
	{
		active_page = 1;
	
	} else {
		
		active_page = page_from_url;
	}
	
	/*if(!$('#page' + active_page).attr('id'))
	{
		active_page = 1;
	}*/
	
	activatePage(active_page);
	
	$('.page').click(function(){
		
		deActivatePage(active_page);
		
		active_page = $(this).html();
		
		activatePage(active_page);
	});
	
});

function activatePage(page_nr)
{
	$('#page_' + page_nr).fadeIn(500);
	$('.page_' + page_nr).addClass('active');
}

function deActivatePage(page_nr)
{
	$('#page_' + page_nr).css({display : 'none'})
	$('.page_' + page_nr).removeClass('active');
}