//  Copyright (c) 2011 Richard Gazdik. All rights reserved.
//  http://richard.gazdik.name









trace = function(s) { try { console.log(s) } catch (e) { alert(s) }};

function pageTurn(direction) {
	var newPage;
	if (direction == 'next' && $('.page.selected').index() < $('.page').length-1)  newPage = $('.page.selected').next();
	else if (direction == 'prev' && $('.page.selected').index() > 0) newPage = $('.page.selected').prev();
	if (newPage) {
		$('.page').removeClass('selected');
		newPage.addClass('selected');
		jQuery.scrollTo.window().queue([]).stop();
		$(window).scrollTo(newPage,1200,{offset:-40});
		
	}
	
	
	
	
}

function imageChange(direction) {
	var next;
	var selectedIndex = $('.page.selected .selector.selected').index();
	if (direction == 'next') next = selectedIndex+1 < $('.page.selected .selector').length ? selectedIndex+1 : 0;
	else next = selectedIndex-1 >= 0  ? selectedIndex-1 : $('.page.selected .selector').length-1;
	$('.page.selected .selector').eq(next).trigger('click');
}

function resizePages() {
	var h = $(window).height();
	var height  =  h < 640 ? 640 : h;
	$('.page').css('height',height);
}


$(document).ready(function() {
			
			$('#pagePrev').fadeOut();		
		
		
		
			$('#pageNext').click(function () {
					pageTurn('next');
				
				});
		
			$('#pagePrev').click(function () {
					pageTurn('prev');
					
					});
		
			
			// hide #back-top first
			$("#back-top").hide();
			
			// fade in #back-top
			$(function () {
				$(window).scroll(function () {
					if ($(this).scrollTop() > 100) {
						$('#back-top').fadeIn();
					
					} else {
						$('#back-top').fadeOut();
					}
				
				
				if ($('.page.selected').hasClass('page1')){
					$('#pagePrev').hide();	
					}
				else{$('#pagePrev').fadeIn();
				}	
	
				if ($('.page.selected').hasClass('page3')){
					$('#pageNext').hide();	
					}
				else{$('#pageNext').fadeIn();}	
				
				
				});
		
				// scroll body to 0px on click
				$('#back-top a').click(function () {
					$('body,html').animate({
						scrollTop: 0
					}, 800);
					return false;
				});
		
			});
			
			
			$(".sliding").hover(function() {
			  $(this).find("div").animate({ top: "0"}, "slow");
			  
			}, function() {
			  $(this).find("div").animate({ top: "145"}, "slow");
			});
			
			// set up hover panels
			// although this can be done without JavaScript, we've attached these events
			// because it causes the hover to be triggered when the element is tapped on a touch device
			$('.panel').hover(function(){
				$(this).addClass('flip');
			},function(){
				$(this).removeClass('flip');
			});
			
			
			$("#reply-title").click(function() {
			
			 $("#commentform").slideToggle('slow', function() {
			// Animation complete.
			 });
			});
	
	
	
	
	
	
	
	$('.page .button').click(function(e) {
		pageTurn('next');
	});
	/*
	//init page2
	$('.page2 .images img, .page2 .links .link').fadeTo(0,0);
	$('.page2 .selector').click(function() {
		if ($('.page2 .selector.selected').length > 0) {
			var oldi = $('.page2 .selector.selected').index();
			$('.page2 .images img:eq('+oldi+'),  .page2 .links .link:eq('+oldi+')').stop().fadeTo(300,0, function() {$(this).css('visibility','hidden')});
		}
		$('.page2 .selector').removeClass('selected');
		$(this).addClass('selected');
		var i = $(this).index();
		$('.page2 .images img:eq('+i+'),  .page2 .links .link:eq('+i+')').css('visibility','visible').stop().fadeTo(500,1);
		var img_id = $('.page2 .images img:eq('+i+')').attr('id');
		var pos = {'x':img_id.split("_")[2],'y':img_id.split("_")[3]};
		$('.page2 .bubble').stop().animate({'left':pos.x,'top':pos.y},600);
	});
	$('.page2 .images').click(function(e) {
		imageChange((e.pageX - $(this).offset().left) > 350 ? 'next' : 'prev');
	});
	$('.page2 .selector').eq(0).trigger('click');
	
	
	//init page5
	$('.page5 .images img, .page5 .links .link').fadeTo(0,0);
	$('.page5 .selector').click(function() {
		if ($('.page5 .selector.selected').length > 0) {
			var oldi = $('.page5 .selector.selected').index();
			$('.page5 .images img:eq('+oldi+'),  .page5 .links .link:eq('+oldi+')').stop().fadeTo(300,0, function() {$(this).css('visibility','hidden')});
		}
		$('.page5 .selector').removeClass('selected');
		$(this).addClass('selected');
		var i = $(this).index();
		$('.page5 .images img:eq('+i+'),  .page5 .links .link:eq('+i+')').stop().css('visibility','visible').fadeTo(500,1);
		var img_id = $('.page5 .images img:eq('+i+')').attr('id');
		var pos = {'x':img_id.split("_")[2],'y':img_id.split("_")[3]};
		$('.page5 .bubble').stop().animate({'left':pos.x,'top':pos.y},600);
	});
	$('.page5 .images').click(function(e) {
		var nextPage = (e.pageX - $(this).offset().left) > 350 ? true : false;
		var next;
		var selectedIndex = $('.page5 .selector.selected').index()
		if (nextPage) next = selectedIndex+1 < $('.page5 .selector').length ? selectedIndex+1 : 0;
		else next = selectedIndex-1 >= 0  ? selectedIndex-1 : $('.page5 .selector').length-1;
		$('.page5 .selector').eq(next).trigger('click');
	});
	$('.page5 .selector').eq(0).trigger('click');
	*/
	
	
	//resize
	$(window).resize(function(e) {
		resizePages();
	});
	resizePages();
	
	
	$(window).scroll(function(e) {
		var top = $(document).scrollTop();
		var wHeight = Math.max(640,$(window).height());
		
		/*//page3 and page 4 anims
		if (top < wHeight) {
			$('.logo .fist').css('top',70+top/2);
			$('.logo .bg').css({'-webkit-transform':'rotate('+top+'deg)','-moz-transform':'rotate('+top+'deg)','-o-transform':'rotate('+top+'deg)','-ms-transform':'rotate('+top+'deg)','transform':'rotate('+top+'deg)'});
		}
		if (top > 2*wHeight && top < 4*wHeight) {
			$('.page3 .bg, .page4 .bg').css({'-webkit-transform':'rotate('+top+'deg)','-moz-transform':'rotate('+top+'deg)','-o-transform':'rotate('+top+'deg)','-ms-transform':'rotate('+top+'deg)','transform':'rotate('+top+'deg)'});
		}
		
		//page 7 anim
		if (top > 5*wHeight) {
			var posY = Math.max(-950,Math.round(0.3*((6*wHeight)-top)));
			$('body').css('background-position','center '+posY+'px');
		}*/
		
		if (top < $('.page.selected').offset().top-wHeight/2) {
			var index = $('.page.selected').index();
			$('.page').removeClass('selected');
			$('.page').eq(Math.max(0,index-1)).addClass('selected');
		} else if (top > $('.page.selected').offset().top + wHeight/2) {
			var index = $('.page.selected').index();
			$('.page').removeClass('selected');
			$('.page').eq(Math.min($('.page').length-1,index+1)).addClass('selected');
		}
	});
	
	
	//keyboard nav
	$(document).bind('keydown',function(e) {
		switch(e.keyCode) {
			case 32: //space
				e.preventDefault();
				pageTurn('next');
				break;
			//case 37: //left
			//	if ($('.page.selected').hasClass('page2') || $('.page.selected').hasClass('page5')) {
			//		e.preventDefault();
			//		imageChange('prev');
			//	}
			//	break;
			case 38: //up
				e.preventDefault();
				pageTurn('prev');
				break;
			//case 39: //right
			//	if ($('.page.selected').hasClass('page2') || $('.page.selected').hasClass('page5')) {
			//		e.preventDefault();
			//		imageChange('next');
			//	}
			//	break;
			case 40: //down
				e.preventDefault();
				pageTurn('next');
				break;
		}
	});

	
});