// History.js stuff
jQuery(document).ready(function ($) {

	$.history.init(function (url) {
	
		if (!this.suspend && url !== "") {
			
			var albumurl = url.substring(0, url.lastIndexOf('/'));	// remove # from start to last /  --> /#albums/subalbum1/123.jpg --> albums/subalbum1/123.jpg
			var photourl = url.substring(url.lastIndexOf('/') + 1);	// get imagename albums/subalbum1/123.jpg --> 123.jpg
					
			if (albumurl !== "") {
				ShowAlbum(albumurl);
			}
			if (photourl !== "") {
				ShowPhoto(albumurl, photourl);
			}
			
		}
		this.suspend = false;
	}, { unescape: true });
		
	
	$('#gallerynavigation a').live('click', function() {
		var url = $(this).attr('href');
		$.history.load(url);
	});
		
		
	$('#albumthumbs a').live('click', function() {
		var url = $(this).attr('href');
		$.history.load(url);
	});

});


// Get one clicked album thumbnails and sub albums as links
function ShowAlbum(folderURL) {
	// Show album's thumbnails
	$("#albumthumbs").load("/gallery/corefiles/showAlbumThumbnails.php", { 'url': folderURL} , function () {
		
		// Set thumbnail hovers
		$(this).find(".imagethumb").hover( 
			function () { $(this).fadeTo(125, 1); },
			function () { $(this).fadeTo(125, 0.8); }
		);
	});

	// Show albums sub albums as links
	$("#gallerynavigationsubfolders").load("/gallery/corefiles/showAlbumLinks.php", { 'url': folderURL}, function () {
		var html = $(this).html();
		if (html === "") {
			$(this).css("visibility","hidden");
		}
		else {
			$(this).css("visibility","visible");
		}
	});
	
	
};

// Get one photo from php via JSON
function ShowPhoto(url, photoname) {

	$.getJSON('/gallery/corefiles/showPhoto.php', { 'photoname': photoname, 'url': url }, function (json) {

		var html = [];
		for (var i=0; i<json.images.length; i++) { 
			html.push('<img src="'+json.images[i].url+'" width="'+json.images[i].width+'" height="'+json.images[i].height+'" />');
		}

        var title = "";

        if (url.indexOf("studio") < 0) {
            title = "Photo by: Ari Lehtimäki";
        }


		var options = {
		
			data : json,
			
			beforeLoad: function () {
				$.history.suspend = true;
				$.history.load(this.data.images[this.index].friendlyurl);
			},
			
			openEffect : "fade",
			nextEffect : "fade",
			prevEffect : "fade",
			openSpeed : "fast",
			nextSpeed : "slow",
			prevSpeed : "slow",
			title : title,
			helpers		: { 
			title	: { type : 'inside' },
			buttons	: {}
			},
			
			afterClose: function () {
				$.history.suspend = false;
			},
			
			index: json.index
		};
		
		$.fancybox(html, options);
		
	});
};

// Expand / Collapse event
function toggleBox(id) {	
	$("#togglebox"+id).toggle(300);
}