$('document').ready(function()
{	
	$('.band').click(function()
	{
		fetchBandInfo($(this).attr('id'));
		$('html, body').animate({scrollTop: 100}, 250, 'swing');
		return false;
	});
	
	$('.band').hover(function()
	{
		$('img', this).attr('src', 'http://' + location.host + '/images/' + $(this).attr('id') + '-hover.png');
	},
	function()
	{
		$('img', this).attr('src', 'http://' + location.host + '/images/' + $(this).attr('id') + '.png');
	});
	
	$('#close-window').click(function()
	{
		closeLightBox();
		return false;
	});
	
	$('a[rel="external"]').click(function()
	{
		$(this).attr('target','_blank');
	});
});
	
function openLightBox()
{
	$('#lightbox-overlay-opaque, #lightbox-overlay').css({'height': $(document).height(), 'visibility': 'visible'});
}

function closeLightBox()
{
	$('#lightbox-overlay-opaque, #lightbox-overlay').css({'visibility': 'hidden'});
}

function fetchBandInfo(band_slug)
{
	$.ajax(
	{
		type: 'post',
		url: 'http://' + location.host + '/fetchBandInfoAction',
		data: 'band_slug=' + band_slug + '&jquery_present=true',
		dataType: 'json',
		success: function(data)
		{
			var band_logo = new Image();
			band_logo.src = 'http://' + location.host + '/images/' + data.slug + '-band-logo.jpg';
			$('#band-logo').attr('src', 'http://' + location.host + '/images/' + data.slug + 'bandlogo.jpg');
			$('#lightbox-container img').attr('alt', data.name);
			$('#lightbox-container h2').html(data.name);
			$('#lightbox-container p').html(data.info);
			$('#band-link').attr('href', data.url);
			$('#band-link').attr('rel', 'external');
			$('#band-link').attr('target', '_blank');
			$('#band-link').attr('title', 'Visit homepage for ' + data.name);
			$('#band-link').html(data.url);
			openLightBox();
		}
	});
}