$(document).ready(function() {

	/* add styling ... mostly for IE rounded corners... */

	$('.panel')
		.not('.panel#player-panel')
		.addClass('replaced')
		.wrapInner('<div class="panel-content" />')
		.prepend('<div class="panel-top">&nbsp;</div>')
		.append('<div class="panel-bottom">&nbsp;</div>');


	$('.panelHeader h2').prepend('<span class="grad"></span>');

	$('.panel#player-panel')
		.addClass('replaced')
		//.wrapInner('<div class="panel-content" />')
		.prepend('<div class="panel-top">&nbsp;</div>')
		.append('<div class="panel-bottom">&nbsp;</div>');

	$('.panelFooter').not('.social-links')
		.before('<div class="panelFooter-spacer">&nbsp;</div>')
		.css('width', function()
		{
			return $(this).width()-32;
		});

	$('.panelFooter.social-links')
		.before('<div class="panelFooter-spacer-social">&nbsp;</div>')
		.css('width', function()
		{
			return $(this).width()-32;
		});

	$('.date')
		.prepend('<div class="date-tl">&nbsp;</div><div class="date-tr">&nbsp;</div><div class="date-bl">&nbsp;</div><div class="date-br">&nbsp;</div>');
	
	$('.button')
		.addClass('replaced')
		.wrapInner('<span class="button-m" />')
		.prepend('<span class="button-l">&nbsp;</span>')
		.append('<span class="button-r">&nbsp;</span>');

	/*$('.header ul.menu li.lr')
		.addClass('replaced')
		.prepend('<div class="menu-item-r"></div><div class="menu-item-l"></div>');*/

	/*$('a.artist-browser-link span')
		.addClass('replaced')
		.wrapInner('<div class="artist-browser-m" />')
		.prepend('<div class="artist-browser-l">&nbsp;</div>')
		.append('<div class="artist-browser-r">&nbsp;</div>');*/

	$('.buy-links ul').each(function(i)
    {
        var links = $(this);
        var table = $('<table><tr><td class="top-left" width="10">&nbsp;&nbsp;</td><td class="list-here" rowspan="3"><td class="top-right"></td></tr><tr><td class="middle-left"></td><td class="middle-right"></td></tr><tr><td class="bottom-left"></td><td class="bottom-right" width="10">&nbsp;&nbsp;</td></tr></table>');
        table.insertBefore(links);
        table.find('td.list-here').append(links);
    });

	$('.news-article:last').css('border', 'none');

	$('.buy-links-holder')
		.css('width', $('.buy-links-holder a.buy-hover').width());


	/* balance gallery thumbs */
	
	equal_heights($('.image-gallery li'));
	equal_heights($('table.calendar-grid td'));

	/* top of page link */

	$('.top').click(function(e) {
		e.preventDefault();
		$('html,body').stop(true).animate({scrollTop:0},500);
	});

	/* buy links init */
	
	$('.buy-hover').mouseover(function() {
		$(this).parent().addClass('display-links');
		$(this).siblings()
			.mouseleave(function() {
				$(this).parent()
					.removeClass('display-links');
			});
	});

	$('.buy-hover').parent().mouseleave(function() {
		$(this).removeClass('display-links');	
	});

	/* artist browser init */
	
	var artistBrowserLoaded = false;
	$(document).click(function(event) {

		if ($(event.target).parents().index($('.artist-browser-link')) == 1) {

			if (!$('#artist-browser').is(":visible")) {
				$('#artist-browser')
					.removeClass('hidden')
					.hide()
					.show();
				if (artistBrowserLoaded == false)
					//$('#artist-browser .inner')
						//.prepend('<div class="loading"><img src="/gfx/ajax-loader.gif" alt="Loading" width="32" height="32" /></div>');
				artistBrowserLoaded = true;
				
			} else {
				$('#artist-browser').hide();
			}

		} else if ($(event.target).parents().index($('#artist-browser')) == -1) {
		
			if($('#artist-browser').is(":visible")) {
				$('#artist-browser')
					.fadeOut(250);
			}
		}
	});
	
});

function equal_heights(group) {
	var tallest = 0;
	group.each(function() {
		var thisHeight = $(this).height();
		
		if(thisHeight > tallest) {
			tallest = thisHeight;
		}

	});
	group.height(tallest);
}