﻿/*

	Author: Osvaldas Valutis, www.osvaldas.info - freelancer web / logo / identity / print designer and web developer
Adapted by: M. Botticher to extend menu with multi pages per side.
*/

/* pages transition */

var pages = function()

{

	var nav = $( 'ul#nav li a' );

	nav.click( function()

	{

		//menu entry blokkeren
		$( this ).parent().toggleClass( 'selected' );
		
		// Div in het beeld laten komen 
		var linkje = $( this ).attr( 'href' );
		
		// left side of page
		if (linkje === '#biografie') {
			$('#expo-page').hide(200);
			$('#biografie-page').show(200,'swing');
		}
		
		if (linkje === '#expo') {
			$('#biografie-page').hide(200);
			$('#expo-page').show(200, 'swing');
		}
		
		// right side of page
		if (linkje === '#myworks') {
			$('#news-page').hide(200);
			$('#gbook-page').hide(200);
			$('#myworks-page').show(200,'swing');

		}
		
		if (linkje === '#gbook') {
			$('#myworks-page').hide(200);
			$('#news-page').hide(200);
			$('#gbook-page').show(200,'swing');

		}
		
		if (linkje === '#news') {
			$('#myworks-page').hide(200);
			$('#gbook-page').hide(200);
			$('#news-page').show(200,'swing');
		}
		
	// original 1 page flip	
	// $( $( this ).attr( 'href' ) + '-page' ).toggle( 200 );
	

	return false;

	});

};



$( window ).load( pages );


