var jsp;
$(window).load(reinit);
$(document).ready(function() {
	setheight();
	$('body').css('overflow', 'hidden');
	$('.jscrollpane').jScrollPane({
		showArrows: true,
		verticalDragMaxHeight: 200
	});
	jsp = $('.jscrollpane').data('jsp');
	
	$(window).resize(reinit);
	
	$('body').append('<div id="overlay"></div>');
	$('#overlay').click(function(){
		$('#player').remove();
		$(this).fadeOut('fast');
	}).hide();
	$('.flashplayer').click(flashplayer);
});

function setheight() {
	$('#content').css('height', (($(window).height())-(($('#header').height())+($('#footer').height())))+'px');
}

function reinit() {
	setheight();
	jsp.reinitialise();
}

function flashplayer(e) {
	e.preventDefault();
	var track = $(this).attr('href');
	$('#overlay').append('<object id="player" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" type="application/x-shockwave-flash" data="/incl/player.swf" width="300" height="32"><param name="movie" value="/incl/player.swf" /><param name="quality" value="high" /><param value="always" name="allowscriptaccess" /><param value="true" name="allowfullscreen" /><param value="file='+track+'&amp;backcolor=#000010&amp;frontcolor=#ffffff&amp;lightcolor=#dddd00&amp;playlistsize=0&amp;skin=/incl/stylish_slim_mod.swf&amp;volume=50&amp;playlist=bottom&amp;autostart=true" name="flashvars" /><embed src="/incl/player.swf" quality="high"  width="300" height="32" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" FlashVars="file='+track+'&amp;backcolor=#000010&amp;frontcolor=#ffffff&amp;lightcolor=#dddd00&amp;playlistsize=0&amp;skin=/incl/stylish_slim_mod.swf&amp;volume=50&amp;playlist=bottom&amp;autostart=true" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>');
	
	$('#overlay').hide().css({
		position: 'absolute',
		top: '0',
		left: '0',
		width: '100%',
		height: '100%',
		//~ backgroundColor: '#0d2035',
		background: '#182637 url(/incl/bg-xy.gif) repeat scroll top center',
		'z-index': '1000',
		opacity: '0'
	}).show().fadeTo(500, 0.9);
	
	$('#player').css({
		position: 'absolute',
		'z-index': '1001',
		top: '50%',
		left: '50%',
		margin: '-16px 0 0 -150px'
	});
}