$(function() {
	var selectedGalleryId = null;
	
	$('section.gallery-bg article.image-gallery').bind('gallery-set-markup', function(_evt, data) {
		data.container.html([
			"<span class='ll-logo'><span class='t'>Launch</span><span class='b'>List</span></span>",
			"<a class='open client-name' href='#' data-gallery-id='' onclick='return false;'></a>",
			"<span class='record-title'></span>"
		].join(""));
		
		data.container.find('.client-name').text($(this).attr('data-client-name'))
			.click(function() {	selectedGalleryId = $(this).attr('data-gallery-id'); })
			.attr("data-gallery-id", $(this).attr('data-record-id'))
			.end();
		data.container.find('.record-title').text($(this).attr('data-record-title')).end();
		return true;
	});
	$('section.gallery-bg').triggerHandler('update-title');
	$('body').bind('load-gallery-markup', function() {
		// $('#controls').removeClass('infoHidden');
		// $('#tray').css({ opacity: 1, right: '-300px' });
		// $('#gallery-top').css({ right: '0px' });
	}).bind('fill-tray', function(_event, obj) {
		var imageNode = obj.image, gnode = obj.gallery;
		var cg = $('article.image-gallery[data-record-id="' + selectedGalleryId + '"]');
		if (!cg.size()) return;
		$('#tray-title').before([
			"<div style='font-size: 18px;' class='client-name'></div>",
			"<div><span style='color: #ccc;' class='record-title'></span></div>"
		].join(""));
		$('#tray-body .client-name').text(cg.attr('data-client-name'));
		$('#tray-body .record-title').text(cg.attr('data-record-title'));
	});
	var _sg = showGallery;
	showGallery = function(g) {
		selectedGalleryId = g.id;
		_sg(g);
	}
});