document.observe("dom:loaded", function() {
  window.resizeTo(700,300);
});

soundManager.debugMode = false;
soundManager.url = '/swf/'; // directory where SM2 .SWFs live

soundManager.onload = function() {
  hi = soundManager.createSound({
    id: 'hi',
	volume: 0,
	autoLoad: true,
	onload: notifyload,
    url: 'http://s3.amazonaws.com/chrome-boombox/beastie-hi.mp3'
  });

  mid = soundManager.createSound({
    id: 'mid',
	volume: 0,
	autoLoad: true,
	onload: notifyload,
    url: 'http://s3.amazonaws.com/chrome-boombox/beastie-mid.mp3'
  });

  lo = soundManager.createSound({
    id: 'lo',
	volume: 0,
	autoLoad: true,
	onload: notifyload,
    url: 'http://s3.amazonaws.com/chrome-boombox/beastie-lo.mp3'
  });
}

loaded = 0;
function notifyload() { 
	loaded++;
	if (loaded == 3) $('linkcontainer').innerHTML = "<a href='#' onclick='launch_player(); boombox_play(); return false;'>launch boombox <span>(resize speakers to equalize)</a>";
}

windows_loaded = 0
function prepsync() {
	windows_loaded++;
	if (windows_loaded == 3) {
		setTimeout("boombox_sync(1000)",1500);
	}
}

function launch_player() {
	i = 0;
	windows = ["hi.html", "mid.html", "lo.html"];
	windows.each(function(windowName) {
		i++;
		switch (i) {
		case 1: // Hi
		  windowSize = 114;
		  break;
		case 2: // Mid
		  windowSize = 182;
		  break;
		case 3: // Lo
		  windowSize = 283;
		  break;
		default:
		  windowSize = 283;
		}
		
		try {
		windowName = window.open(windowName, "window" + i, "width=" + windowSize + ",height=" + windowSize + ",left=" + (300 - (i*38)) + 
														 ",top=" + (windowSize * 1.5)) + ",location=0,menubar=0,scrollbars=0,status=0,toolbar=0,resizable=1";
		} catch(e) {
			alert("Sorry, you'll need to allow pop-ups for this to work.");
		}
	});

	$('helpers').setStyle({display: 'block'});
	boombox_volume(30);
}

function boombox_play() {
	hi.play();
	mid.play();
	lo.play();
}

function boombox_sync(position) {
	hi.setPosition(position);
	mid.setPosition(position);
	lo.setPosition(position);
	return false;
}

function boombox_volume(volume) {
	hi.setVolume(volume);
	mid.setVolume(volume);
	lo.setVolume(volume);
	return false;
}