$(document).ready(function(){
	var imagesNode = {}
	$.get("/assets/data/gallery.xml", function(data){
		imagesNode = $(data).find('images');
		$(imagesNode).find('image').each(function(){
			$("#thumbs").append("<li class=\""+$(this).attr('type')+"\"><img src=\"/assets/images/content/gallery/thumbs/"+$(this).find('filename').text()+"\" /><div class=\"caption\">"+$(this).find('caption').text()+"</div></li>");
		});
		$("#thumbs li").click(function(){
			$("#large img").attr("src",$(this).find("img").attr("src").replace("/thumbs/","/large/"));
			$("#large h3").text($(this).find(".caption").text());
		});
		$("#thumbs li.quartz:first").click();
		$("#types a").click(function(){
			$("#types a.selected").removeClass("selected");
			$(this).addClass("selected").blur();
			var newClass = $(this).attr("rel");
			$("#thumbs").removeClass().addClass(newClass);
			$("#thumbs li."+newClass+":first").click();
			return false;
		});
	});
});