/******************************************************
Gallery

Version	: 2.1
Author	: irc@isd.gov.hk
Date	: 8 Dec 2006
******************************************************/


// PageLoad function
// This function is called when:
// 1. after calling $.historyInit();
// 2. after calling $.historyLoad();
// 3. after pushing "Go Back" button of a browser
function pageload(hash) {
	// hash doesn't contain the first # character.
	if(hash) {
		// restore gallery loaded state
		showGallery(hash);
	} else {
		// start page
		showGallery(gArchive[0].yd);
	}
}


function showGallery(yd) {
	$('#gallery').html('');

	//loading
	var loading = new Image;
 	$(loading).src('../../images/loading.gif').addClass('loading');
 	//$(loading).ajaxStart(function(){$(this).show();}).ajaxStop(function(){$(this).hide();}); //jQuery 1.0.3 ajaxStop bug. Will be fixed in 1.0.4

	//Insert Divs, Title and Archives
	var current;
	$.each(gArchive, function(i){if (gArchive[i].yd == yd) current = i;});

	var album = document.createElement('h3');
	var frame = document.createElement('div');
 	var nav = document.createElement('div');
	//$(album).addClass('date').css('display', 'none').html(gArchive[current].name);
	$(frame).addClass('frame');
	$(nav).addClass('nav').css('display', 'none');

	if (gArchive[current+1]){
		$(nav).append("<a class='previous' onclick='$.historyLoad("+gArchive[current+1].yd+")' href='#"+gArchive[current+1].yd+"'>&laquo; "+gArchive[current+1].name+"</a>");
	}
	if (gArchive[current-1]){
		$(nav).append("<a class='next' onclick='$.historyLoad("+gArchive[current-1].yd+")' href='#"+gArchive[current-1].yd+"'>"+gArchive[current-1].name+" &raquo;</a>");
	}
	$('#gallery').append(loading).append(album).append(frame).append(nav);

	//Start Ajax
	$('#gallery .loading').show();
	$.ajax({
		type: 'GET',
		url: 'xml/'+yd+'.xml',
		dataType: 'xml',
		success: function(xml){
			$('#gallery .loading').hide();
			$('event', xml).each(function(i){
				var caption = $('title', this).text().replace(/\n */g,' ');
				var date = caption.replace(/^.*\(/,'').replace(/\)$/,'');
				var thumb = "xml/" + $('photo:eq(0)/url', this).text().replace(/.jpg/, 's.jpg'); //thumbnail should be ##s.jpg
				var link = document.createElement('a');
				$(link).addClass('thumb').href('event.htm#'+yd+'-'+($('event', xml).size()-i)).attr('title', caption);
				$(link).hover(function(){$(this).addClass('hover')}, function(){$(this).removeClass('hover')});
				var event = new Image;
				$(event).src(thumb).attr({
					alt: caption,
					title: caption
				});
				$(event).css('display', 'none');
				$(link).append(event).append(date).css({'color' : 'black', 'font-weight' : 'bolder'});; //blue
				$(frame).append(link);
				$(event).fadeIn(1500);
			});
			$('#gallery .date').css('background', '#FFF').fadeIn(1500);
			$('#gallery .nav').css('background', '#FFF').fadeIn(1500); //#FFF
		}
	});
}

$(document).ready(function(){
		$.historyInit(pageload);
});