$(document).ready(function(){
	var countHowto = $('div.howto').length;
	var titles = $('div.howto').children('h2');
	
	var item = 0;
	$('div.howto').each(function(){
		$(this).hide();
		if(item === 0) {
			$('<ul class="paging"><li><span>&laquo;</span></li><li>'+ (item + 1) +' / '+ countHowto +'</li><li><a href="javascript:showHowTo('+ (item + 1) +');">&raquo;</a></li></ul>').prependTo($(this));
		}
		else if (item == countHowto -1) {
			$('<ul class="paging"><li><a href="javascript:showHowTo('+ (item -1) +');" class>&laquo;</a></li><li>'+ (item + 1) +' / '+ countHowto +'</li><li><span>&raquo;</span></li></ul>').prependTo($(this));
		}
		else {
			$('<ul class="paging"><li><a href="javascript:showHowTo('+ (item -1) +');">&laquo;</a></li><li>'+ (item + 1) +' / '+ countHowto +'</li><li><a href="javascript:showHowTo('+ (item + 1) +');">&raquo;</a></li></ul>').prependTo($(this));
		}
		if (item < countHowto -1) {	
			$('<div class="next-step"><a href="javascript:showHowTo('+ (item + 1) +');"><strong>Next:</strong> '+titles[item + 1].innerHTML+'</a></div>').appendTo($(this));
		}
		item ++;		
	});
	$('div.howto:first').show();
	
	// Load Flickr photos
	jQuery(function(){
		jQuery("#flickr_photos").flickr({
			api_key: "0d394fe78f7584045ab983241abd9aa0",
			type: "search",
			user_id: "38211793@N08",
			per_page: "5",
			thumb_size: "t",
			attr: 'rel="gallery"',
			callback: photos_init
		});
	});
	function photos_init(el){
		$(el).find("a").fancybox();
	}
	
});

function showHowTo(item) {
	$('div.howto').hide();
	$('div#howto_'+ (item + 1)).show();
}