$(document).ready(function() {
	
	$('#blog').infinitescroll({
    		navSelector  : "#post-navi",
    		nextSelector : "#post-navi a:first",
    		itemSelector : "#blog > div"
	});
	
	$(function() {
		for (var i = 0, limit = 10; i < limit; i++) {
			$('a.freshpost')
			// first jump  
	        .animate({top:"-5px"}, 200).animate({top:"0px"}, 200)
	        // second jump
	        .animate({top:"-3px"}, 100).animate({top:"3px"}, 100)
	        // the last jump
	        .animate({top:"0px"}, 100).animate({top:"3px"}, 500);
		console.log('Currently at ' + i);
		}
	}); 

	// $('a.postpopup').click(function(){
	// 	id = $(this).attr('rel');
	// 	$('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://daniel.lauding.se/ajax-handler/?id='+id).modal({ onShow: function(dlg){
	// 	    $(dlg.container).css('height','auto').css('width','auto')
	// 	}}
	// 	);
	// 	return false;
	// });
	
	// var itemsPerColumn = 3;
	// var itemMarginLeft = 24;
	// var itemMarginTop = 20;
	// $("#blog .post").each(function(i) {
	// 	$(this).addClass("post-item-"+(i+1));
	// 	
	// 	if (i > 0) {
	// 		var prevEndPosX = (i%itemsPerColumn)==0 ? 0 : parseInt( $(this).prev(".post").css("left") ) + $(this).prev(".post").width() + (i%itemsPerColumn==0 ? 0 : itemMarginLeft);
	// 		
	// 		$(this).css("left", prevEndPosX+"px");  // set X position
	// 		if (i >= itemsPerColumn) {
	// 			var previousItemInColumn = $("#blog .post").eq(i-itemsPerColumn);
	// 			var prevEndPosY = parseInt( $(previousItemInColumn).css("top") ) + $(previousItemInColumn).height();
	// 			$(this).css("top", (prevEndPosY + itemMarginTop)+"px");  // set Y position
	// 		}
	// 		
	// 		$("#blog").height(  parseInt( $(this).css("top") ) + $(this).height()  );
	// 	}
	// });
	// $("#blog").hide().css("visibility", "visible").fadeIn(600);
	
	$('ul#filter a').click(function() {
		$('ul#filter .current').removeClass('current');
		$(this).parent().addClass('current');
		
		var filterVal = $(this).text().toLowerCase().replace(' ','-');  
		
		if(filterVal == 'all') {
			$('div.thumb-item.hidden').fadeIn('slow').removeClass('hidden');
			return false;
		}
		
		else {
			$('div.thumb-item').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).fadeOut('normal').addClass('hidden');
				} else {
					$(this).fadeIn('slow').removeClass('hidden');
				}
			});
			return false;
		}
		
		
	});
	
	$('#nav li').not('.nav-about').children("a.button").click(function(){
		var goToID = this.parentNode.className.substr(4);
		$('#about-me').slideUp();
		return false;
	});
	$('#nav li').not('.nav-contact').children("a.button").click(function(){
		var goToID = this.parentNode.className.substr(4);
		$('#contact').slideUp();
		return false;
	});
/*	$('.thumbnail-button').click(function(){
		$.scrollTo('#workbrowser', 800);
		return false;
	});*/
		
	$('.button').each( function() {
		$(this).click( function() {
			var target = $(this).attr('href');

			switch(target) {
				case '/about/':
					$('#contact').slideUp();
					$('#about-me').slideToggle();
					$('#nav .nav-about').toggleClass('active');
					/*$("#home").css( "padding-top", $("#header").height() );*/
					break;
				case '/contact/':
					$('#about-me').slideUp();
					$('#contact').slideToggle();
					$('#nav .nav-contact').toggleClass('active');
					/*$("#home").css( "padding-top", $("#header").height() );*/
					break;
				case '#more-info':
					$('.work-information').slideToggle(200);
					$('#information').toggleClass('active');
					break;
				case '#close':
					$('#about-me').slideUp();
					$('#nav .nav-about').removeClass('active');
					break;
				case 'http://daniel.lauding.se/':
					if($('#about-me').is(':hidden') && $('#contact').is(':hidden')) {
						return true;
					}
					$('#about-me').slideUp();
					$('#contact').slideUp();
					$('#nav .nav-about').removeClass('active');
					break;
				case '#closecontact':
					$('#contact').slideUp();
					$('#nav .nav-contact').removeClass('active');
					break;	
				case '#closeinfo':
					$('.work-information').slideUp();
					$('#information').removeClass('active');
					break;				
				case '#closeproject':
					$('#selected-work').slideUp();
					$('#selected-work .page').removeClass('active');
					$('.thumb-item').removeClass('active');
					break;
				default:
					break;
			}
			restartRotation();
			return false;
		 });
	 });
	 
	 openProject = function(target) {
		var index = $('#pages .page').size() - $('#' + target + ' ~ div').size() - 1;
		
		$('.thumb-item').removeClass('active');
		$('#' + target + '-thumb').addClass('active');
		
		$('#main_navi li').removeClass('active');
		$('#' + target + '-featured').addClass('active');
		
		$('#main').scrollable().seekTo(index);
		$('.work-information').slideUp();
		$('#about-me').slideUp();
		$('#contact').slideUp();
	 };
	 
	 $('.thumb-button').each( function() {
		$(this).click( function() {
			var target = $(this).attr('href');
			if(target.lastIndexOf('/') > -1) {
				target = target.substring(0, target.length-1);
				target = target.substring(target.lastIndexOf('/') + 1, target.length);
			}
			
			restartRotation();
			openProject(target);
			$.scrollTo('#header', 800);
			return false;
		});
	 });
	
	 $('.to-top').each( function() {
		$(this).click( function() {
			$.scrollTo('#header', 800);
			return false;
		});
	});

	// main vertical scroll
	$("#main").scrollable({

		// basic settings
		vertical: true,
		size: 1,
		clickable: false,
		hoverClass: 'hover',

		// up/down keys will always control this scrollable
		keyboard: 'static',
	
		// assign left/right keys to the actively viewed scrollable
		onBeforeSeek: function(event, i) {
			var target = $('#pages .page:eq(' + i + ')').attr('id');
			
			$('.work-information').slideUp();
		},
		onSeek: function(event, i) {
			horizontal.scrollable(i).focus();
		}

	// main navigator (thumbnail images)
	});
	
	
	// horizontal scrollables. each one is circular and has its own navigator instance
	var horizontal = $(".scrollable").scrollable({
		size: 1,
		onBeforeSeek: function(event, i) {
			restartRotation();
		},
		}).circular().navigator(".navi");
	
	$(".scrollable").each( function() {
		var num = $(this).scrollable().getSize() - 2;
		if(num < 2) {
			$(this).siblings('.toolbar').find('.slide-prev').hide();
			$(this).siblings('.toolbar').find('.slide-next').hide();
		}
	});
	
	$('.slide-prev').click( function() {
		var parents = $(this).parents('.toolbar').siblings('.scrollable');
		restartRotation();
		parents.scrollable().prev();
	});
	
	$('.slide-next').click( function() {
		var parents = $(this).parents('.toolbar').siblings('.scrollable');
		restartRotation();
		parents.scrollable().next();
	});
	
	restartRotation = function() {
		$(document).stopTime('rotate');
		$(document).stopTime('restartRotate');
		$('#main_navi span.loading').removeClass('loading');
		var element = $('#main_navi .active span');
		if(element.size() > 0) {
			element.stop(true);
			element.width('0%');
		}
		$(document).oneTime(20000, 'restartRotate', function() {
			startRotation();
		});
	};
	
	startRotation = function() {
		element = $('#main_navi .active span');
		$('#main_navi span.loading').removeClass('loading');
		if(element.size() > 0) {
			element.stop(true);
			element.width('0%');
			element.animate({width: '100%'}, 10000, 'linear').css('overflow', 'visible');
			element.addClass('loading');
		}
		
		$(document).everyTime(10000, 'rotate', function(i) {
			var element = $('#main_navi .active');
			
			var target = '';
			if(element.size() > 0 && $(element).next('li').size() > 0) {
				target = $(element).next('li').find('a.thumb-button').attr('href');
			} else {
				target = $('#main_navi li:first').find('a.thumb-button').attr('href');
			}

			if(target == null || target == '') return;
			if(target.lastIndexOf('/') > -1) {
				target = target.substring(0, target.length-1);
				target = target.substring(target.lastIndexOf('/') + 1, target.length);
			}
			openProject(target);
			
			$('#main_navi span.loading').removeClass('loading');
			element = $('#main_navi .active span');
			if(element.size() > 0) {
				element.stop(true);
				element.width('0%');
				element.animate({width: '100%'}, 10000, 'linear').css('overflow', 'visible');
				element.addClass('loading');
			}
		});
	};

	// when page loads setup keyboard focus on the first horzontal scrollable
	//Use this variable to prevent us from scrolling 
	horizontal.eq(0).scrollable().focus();
	if($('#main_navi li:first a').size() > 0) {
		var target = $('#main_navi li:first a').attr('href');
		if(target.lastIndexOf('/') > -1) {
			target = target.substring(0, target.length-1);
			target = target.substring(target.lastIndexOf('/') + 1, target.length);
		}
		openProject(target);
		/*
		$('#main_navi li:first').addClass('active');
		target = $('#main_navi li:first').attr('id').substring(0, $('#main_navi li').attr('id').length - '-featured'.length);
		$('#' + target + '-thumb').addClass('active');
		*/
	}
	
	startRotation();
	
	//Tags left drawer
	$("#tagsHeading .heading").click(function(){
		var wrapper = $("#tags .wrapper");
		
		$("#tags").toggle();	
		
		if($(this).hasClass('selected')) {
		 $(this).removeClass('selected');
		} else {
		 $('#tagsHeading .heading').removeClass('selected');
		 $(this).addClass('selected'); 
		}
		
	});
	
});