var pagenr = 1;
var pages = [];
var sliding = false;
var imgroot = '/uploads/assets/page/';

$(document).ready( function() {
	
 	window.scrollTo(0,1);
	
	// preload images
	var img = new Image();
	if (pagenr > 1) { img.src = imgroot+pages[pagenr-2];}
	if (pagenr < pages.length-1 ) { img.src = imgroot+pages[pagenr+1];}
	
	var dp = $('.doublepage');
	$(dp).css('cursor','pointer');
		
	dp.click(function(e){
		if ($(e.target).parent().hasClass('left') ) {
			slideLeft();
		} else if ($(e.target).parent().hasClass('right') ) {
			slideRight();
		}
	});
	
	$('.navigation .pages .prev').click( function(e) {
		e.preventDefault();
		slideLeft();
	});
	
	$('.navigation .pages .next').click( function(e) {
		e.preventDefault();
		slideRight();
	});
	
	function slideLeft() {
		if ( pagenr > 1 ) {
			if (!sliding) {
				sliding = true;
				pagenr = pagenr - 1;
				dp.css('margin-left', '-421px');
				$('.left', dp).before('<div class="page left"><img src="'+imgroot+pages[(pagenr-1)]+'" /></div>');
				dp.animate({ 'margin-left' : '0'}, 500, 'swing', function(){
					$( '.right', dp ).remove();
					$( '.left:eq(1)', dp ).removeClass('left').addClass('right');
					updateNavPages();
					sliding = false;
				});
				//pre-load next images
				if (pagenr > 1) { img.src = imgroot+pages[pagenr-2];}
			}
		} else {
			location.href = $('.navigation .themes a:eq(0)').attr('href');
		}
	}
	
	function slideRight() {
		if ( pagenr < pages.length-1 ) {
			if (!sliding) {
				sliding = true;
				pagenr = pagenr + 1;
				$( '.clear', dp).before('<div class="page right"><img width="421" src="'+imgroot+pages[(pagenr)]+'" /></div>');
				$('.doublepage').animate({ 'margin-left' : '-421px'}, 500, 'swing', function(){
					dp.css('margin-left', '0');
					$( '.left', dp ).remove();
					$( '.right:eq(0)', dp ).removeClass('right').addClass('left');
					updateNavPages();
					sliding = false;
				});
				//pre-load next images
				if (pagenr < pages.length-1 ) { img.src = imgroot+pages[pagenr+1];}	
			}
		} else {
			location.href = $('.navigation .themes a:eq(1)').attr('href');
		}
	}
	
	function updateNavPages() {
		$('.navigation .pages a').removeClass('active');
		$('.navigation .pages a:eq('+(pagenr+1)+')').removeClass('inactive').addClass('active');
		$('.navigation .pages a:eq('+(pagenr+2)+')').removeClass('inactive').addClass('active');
	}
	
});