$(function() {
	Images.init();
});

var Images = {
	
	Links: null,
	Holder: null,
	CurrentImage: null,
	
	init: function() {
		var cc = this;
		cc.Holder = $('#MainImage');
		cc.CurrentImage = $('#MainImage img');
		cc.Links = $('#GalleryLinks a');
		
		cc.events();
	},
	
	events: function() {
		var cc = this;
		
		cc.Links.bind('click', function() {
			var href = $(this).attr('href');
			cc.Holder.addClass('loading');
			cc.CurrentImage.fadeOut('fast');
			
			$.ajax({
				url: href,
				cache: false,
				success: function(html) {
					cc.Holder.html(html);
					cc.CurrentImage = $('#MainImage img');
					cc.CurrentImage.fadeOut();
				}
			})
			
			return false;
		});
	}
};

function imageLoaded(img) {
	$(img).fadeIn();
}