var items = null;
var shiftDown = false;
var fancyboxOpts = {cyclic: true, opacity: true, overlayColor: '#000'};
			
$(document).ready(function(){
	//picasa gallery
	var picasa = $('.picasa');
	for(var i = 0; i < picasa.length; i++) {
		var rel = ($(picasa[i]).attr('rel')).split(',');
		$(picasa[i]).EmbedPicasaGallery('artrulesmyworld',{
			albumid: rel[0],
			size: 64, // thumb size (32,48,64,72,144,160))
			authkey: rel[1],
			loading_animation: 'css/images/loader.gif',
			msg_more: 'Show more &rarr;',
			show_more: 0,
			boxOpts: fancyboxOpts
		});
	}

	$.localScroll({hash:true, duration:'slow', lock:true});
	$.localScroll.hash();
	
	//nav item 'current' selected class
	$('#nav a').click(function(){
		//get parent 'ul', remove all it's 'li' and 'li a' class
		/*
		//if using subnav structure
		var parentUl = $(this).parent().parent();
		parentUl.find('li').removeClass('current');
		parentUl.find('li a').removeClass('current');
		$('.item.current').removeClass('current');
		*/
		
		//using flat structure
		$('#nav li, #nav a').removeClass('current');
		
		//then add class to this 'a' and it's parent 'li'
		$(this).addClass('current');
		$(this).parent().addClass('current');
		$($(this).attr('href')).addClass('current');
		console($(this).attr('href'));
	});
	
	
	items = $('.item');
	
	/*
	//hover response for items
	$('.item').mouseenter(function(){
		currItem = $(this);
		items.index(currItem);
		updateNav();
	});
	*/
	
	//arrow keys
	/*
	$(document).keydown(function(event){
		switch(event.keyCode) { 
			case 32: //space
				if(shiftDown) {
					prev();
				} else {
					next();
				}
				return false;
			case 16: //shift
				shiftDown = true;
				return false;
		}
	});
	*/
	
	$(document).keyup(function(event){
		if(event.keyCode == 16) shiftDown = false;
	});
	
	function console(obj) {
		$('#console').prepend('<li>' + obj + '</li>');
	}
	
	function next() {
		var prevItemIndex = items.index($('.item.current'));
		var currItemIndex = prevItemIndex + 1;
		updateNav(prevItemIndex, currItemIndex);
	}

	function prev() {
		var prevItemIndex = items.index($('.item.current'));
		var currItemIndex = prevItemIndex - 1;
		updateNav(prevItemIndex, currItemIndex);
	}
	
	function updateNav(prevItemIndex, currItemIndex) {
		if(prevItemIndex >= 0) {
			var prevItem = $(items.get(prevItemIndex))
			var prevItemLink = $('#nav a[href=#' + prevItem.attr('id') + ']');	
			prevItem.removeClass('current');
			$('#nav .current').removeClass('current');
		}
		if(currItemIndex < items.length && currItemIndex >= 0) {
			var currItem = $(items.get(currItemIndex));
			var currItemLink = $('#nav a[href=#' + currItem.attr('id') + ']');
			$(currItem).addClass('current');
			try {
				currItemLink.addClass('current');
				currItemLink.parent().addClass('current');
				var parentLi = currItemLink.parent().parent().parent();
				if($('#nav > ul > li').find(parentLi)) {
					parentLi.addClass('current');
				}
			} catch(e) {}
			$.scrollTo(currItem, {axis:'y', duration: 'slow', onAfter: function() {window.location.hash = $('.item.current').attr('id');}});
		}
	}
	
	$('#up').click(function(){ prev(); });
	$('#down').click(function(){ next(); });
	
	//fancybox
	$('a[rel^=fancybox]').fancybox();
	$('a[rel^=swf]').click(function(){
		var href = $(this).attr('href');
		$.fancybox({
			type: 'swf',
			swf: {wmode: 'opaque'},
			href: href,
			width: parseInt(href.match(/width=([^&#]*)/i)[1]),
			height: parseInt(href.match(/height=([^&#]*)/i)[1])
		});
		return false;
	});
	
	//read more button
	$('.item-read-more-link').click(function() {
		$(this).fadeOut('fast', function() {
			$($(this).attr('rel')).slideDown('slow', function() {
				$.scrollTo($(this).parent(), {duration: 'slow', offset: {top: -30}});
			});
		});
	});
	
});