jQuery(document).ready(function()
{
	$("div#controller").jFlow({
            slides: "#slides",
            width: "304px",
            height: "304px",
	    duration: 300   
        });

	
	$("#upShows").click(function($e) 
		{ 
			$.getJSON("jsons/shows.json", {}, function(data) 
			{ 								
				var html = "<div style='text-align: center;'><table width='100%'>" +
					"<tr><td>UPCOMING SHOWS:</td></tr>";				
																							
				for (var i = 0; i < data.shows.Date.length; i++) 
				{					
					html += "<tr><td><a target='_blank' href='" + 
						data.shows.Url[i] + "'>" + 
						data.shows.Date[i] + 
						"</a></td></tr>";					
				}
																									  				
				html += "</table></div>";								   	
				$.modal(html);
			});		
		});

	
	$("div#slides img").click(function($e) 
		{												
			$.getJSON("jsons/" + this.id + ".json", {}, function(data) 
			{ 				
				var dlink = (data.rel.IsDigit) ? "DOWNLOAD" : "DISCOGS";

				var html = "<div>" +
				"<table width='100%'><tr><td width='50%'>" +				
				"<img class='albimg' src='" + data.rel.Cover + "'>" +
				"</td><td width='50%'>" +
				"<h3>" + data.rel.Title + "</h3>" +
				"<p style='font-size: 90%'>";								
				
				for (var i = 0; i < data.rel.Tracks.length; i++) 
				{
					html += data.rel.Tracks[i] + "<br>";					
				}
				
				if (data.rel.AddText != null && data.rel.AddText != '')
				{
					html += "<br><b><i>" + data.rel.AddText + "</b></i>";
				}
																	  				
				html += "</p>" +		
				"<p style='font-size: 70%'>" +								
				"(p) & (c) Floor Seven, " + data.rel.Year +
				"</p>" + 	
				"<a href='"+ data.rel.Link +"' target='_blank'>" + dlink + "</a>" +
				"</td>" +				
				"</tr></table></div>";								   	
				$.modal(html);
			});		
		});
});