var gallery;
$(function(){
	$.getJSON('http://'+ location.host +'/gallery.json',function(data){
		gallery=data;
		Gallery();
	});
});
function Gallery(){
	var html = '';
	$.each(gallery.groups, function(i,n){
		html += '<h3><a href="" id="a' + n.id + '" onclick="GalleryGroup(' + n.id + ');">' + n.name + '</a></h3><div id="d' + n.id + '"></div>';
	});
	$('#dvGalleryAccordion').html(html);
	$('#dvGalleryAccordion').accordion({autoHeight:false,collapsible:true,active:false});
}
function GalleryGroup(id){
	var html = '';
	$.each(gallery.groups[id].images,function(i,n){
		html += '<a href="javascript:void(0);" onclick="$(\'<div><img src=&quot;http://franklinsignsandgraphics.com/images/gallery/full/' + n.file + '&quot; /></div>\').dialog({modal:true,width:' + (n.width+35) + '});"><img src="http://franklinsignsandgraphics.com/images/gallery/thumbs/' + n.file + '" style="float:left;margin:5px;" /></a>';
	});
	$('#d' + id).html(html);
}