$(document).ready(function(){
			
	$('.pagna a')
		.click(
			function() {
				
				// remove last selected, add new
				$('.pagna a').removeClass('selected');
				$(this).addClass('selected');
				
				// change images
				var number = $(this).attr('id').split('_'); number = number[2];
				
				$('.active img.selected').animate({ opacity: 0 }, 300, function() {
					$(this).removeClass('selected');
					$('.active .img_' + number).animate({ opacity: 1 }, 300, function() { $(this).addClass('selected'); });
				}); 
				
				return false;
				
			});
			
	$('#menu a')
		.click(
			function() {
				
				var page = $('#content .active').attr('id').split('_'); page = page[1];
				var newpage = $(this).attr('id').split('_'); newpage = newpage[1];
				
				if (page == newpage) {
					return false;
				}
				
				$('.active').animate({ opacity: 0 }, 300, function() {
					$('.active .pagna a').removeClass('selected');
					$('.active img').animate({ opacity: 0 }, 0);
					$('.active img').removeClass('selected');
					
					$('.active').hide();
					$('.active').animate({ opacity: 1 }, 0);
					$('.active').removeClass('active');
					
					$('#page_' + newpage).addClass('active');
					$('.active').show();
					$('.active .link_01').addClass('selected');
					$('.active .pagna').animate({ opacity: 1 }, 300);
					$('.active .img_01').animate({ opacity: 1 }, 300, function() { $(this).addClass('selected'); });
					
				});
				
				// menu control
				$('#menu a').removeClass('selected');
				$(this).addClass('selected');
				
				return false;
				
			});
			
	$('#bottom_about')
		.click(
			function() {
				
				var page = $('#content .active').attr('id').split('_'); page = page[1];
				var newpage = "about";
				
				if (page == newpage) {
					return false;
				}
				
				$('.active').animate({ opacity: 0 }, 300, function() {
					$('.active .pagna a').removeClass('selected');
					$('.active img').animate({ opacity: 0 }, 0);
					$('.active img').removeClass('selected');
					
					$('.active').hide();
					$('.active').animate({ opacity: 1 }, 0);
					$('.active').removeClass('active');
					
					$('#page_' + newpage).addClass('active');
					$('.active').show();
					$('.active .img_01').animate({ opacity: 1 }, 300, function() { $(this).addClass('selected'); });
					
				});
				
				// menu control
				$('#menu a').removeClass('selected');
				
				return false;
				
			});
	
});


// start functions
// ===========================

function initAWL() {
	// initialize
	$('.page .pagna').animate({ opacity: 0 }, 0);
	$('.page img').animate({ opacity: 0 }, 0, function() { $(this).show(); });
	$('.about img').animate({ opacity: 0 }, 0, function() { $(this).show(); });
	
	// show first
	$('#menu_srdc').addClass('selected');
	$('#page_srdc').show();
	$('#page_srdc').addClass('active');
	$('#page_srdc .pagna').animate({ opacity: 1 }, 0);
	$('#page_srdc .link_01').addClass('selected');
	$('#page_srdc .img_01').animate({ opacity: 1 }, 0);
	$('#page_srdc .img_01').addClass('selected');
}