$(document).ready(function(){

	$(".loading").each(function(){
		$(this).load($(this).attr("rel"), function(){
			$(this).removeClass("loading");
		});
	});

	if($(".gallery").length) {

		$(".gallery").each(function(){
			load_img($("ul > li:first > a", this), $(".preview .inner", this));
			$("ul > li:first", this).addClass("on");
		});

		$(".gallery ul li a").click(function(){
			var parent = $(this).parents(".gallery");
			$("ul li.on", parent).removeClass("on");
			$(this).parent("li").addClass("on");
			load_img(this, $(".preview .inner", parent));
			return false;
		});

	}

});

function load_img(source, destination) {
	var path = $(source).attr('href');
	$('img:first', destination).remove();
	var imgsrc = path;
	var newimg = new Image();
	newimg.src = imgsrc;
	newimg.onload = function() {
		var randomnumber = Math.floor(Math.random()*11);
		$(destination).append('<img src="'+imgsrc+'" />');
		newimg.onload = function(){};
	}
	newimg.src = imgsrc;
}