var boombox = null; // Initialize boombox & merel variables so they have global scope later

window.onload = function () {
	prepare();
}

function prepare() {
	 if( document.getElementById ) {  // Check if used DOM elements work
		if( document.getElementById( "bbox" ) || document.getElementById( "merel" ) ) {
			boombox = document.getElementById( "bbox" );
			// Create span to hookup flowplayer to.
			var bboxspan = document.createElement( "span" );
			var fsbody = document.getElementById( "main" );
			bboxspan.setAttribute( "id", "player" );
			fsbody.appendChild( bboxspan );
			// Setup Flowplayer in just made span and check if FLash works
			var flash_check = true;
			$f( "player",  { src: "flowplayer-3.1.5.swf", onFail: function() { flash_check = false; }} );
			if( flash_check != false ) {
				setupBbox();
				setupMerel();
				return true;
				}
		}
	} 
}

function setupBbox() {
	boombox.style.cursor = "pointer"; // setAttribute( style ) werkt niet in IE :-(
	boombox.onclick = bboxPlay;
	boombox.onmouseover = showPlay;
	boombox.onmouseout = showNormal;
}

function setupMerel() {
	var merel = document.getElementById( "merel" );
	merel.style.cursor = "pointer";
	merel.onclick = beeh;
}

function bboxPlay() {
$f( "player", "flowplayer-3.1.5.swf", { 
		clip: {
			url: "track2.mp3",
			autoPlay: true,
			onBeforeFinish: function() { return false; } // If onBeforeFinish returns false, the player will loop the track.		
			}	
		});
	boombox.onclick = bboxStop;
	boombox.onmouseover = showStop;
	boombox.onmouseout = showNormal;
}

function bboxStop() {
	$f().stop();
	boombox.onclick = bboxPlay;
	boombox.onmouseover = showPlay;
	boombox.onmouseout = showNormal;
}

// Change look of boombox image on page on various events
function showPlay() {
	boombox.setAttribute( "src", "images/bbox_play.png" );
}

function showStop() {
	boombox.setAttribute( "src", "images/bbox_stop.png" );
}

function showNormal() {
	boombox.setAttribute( "src", "images/boombox.png" );
}

function beeh() {
	bboxStop();
	$f( "player", "flowplayer-3.1.5.swf", { 
		clip: {
			url: "schaap.mp3",
			autoPlay: true		
			}	
		});
}