// begin with page load functions...

Event.observe(window, 'load', function() {
//	var theURL = (Browser.Firefox==true) ? 'http://' + serverName + '/innovaweb09/media/bgsound.mp3' : 'media/bgsound.mp3';
	// fix for testing server only
	if (serverName=='localhost') {
		serverName = 'localhost/innovaweb09';
	}
	var theURL = 'http://' + serverName + '/media/bgsound.mp3';
	var maestro = Sound.play(theURL);
//	alert(theURL);
});

// now load the effects once the DOM is loaded...

document.observe("dom:loaded", function() {
	// parallel effects rack for heading text and shadow
	new Effect.Parallel([
		new Effect.Move('headerText', { sync: true, x: 0, y: -200, mode: 'relative' }), 
		new Effect.Opacity('headerText', { sync: true, from: 0, to: 0.99 }) ,
		new Effect.Scale('headerText', 100, { sync: true, scaleFrom: 300}),
		new Effect.Morph('headerText',  {style: 'color: #468;', sync: true}),
		new Effect.Morph('headerTextShad',  {style: 'color: #222;', sync: true}),
		new Effect.Opacity('headerTextShad', { sync: true, from: 0.3, to: 0 }) ,
		new Effect.Scale('headerTextShad', 100, { sync: true, scaleFrom: 200}),
	], { 
		duration:15,
		delay: 0
	});
	// delayed effects next...
	// effects for message box
	new Effect.Morph('mainContent',  {style: 'background:#f6f6f6; color: #246;', sync: false, queue:'end'});
	new Effect.Opacity('mainContent',  { sync: false, from: 0, to: 0.99, queue:'start', delay: 12});
	// lastly, the footer
	new Effect.Opacity('footer',  { sync: false, from: 0, to: 0.99, queue:'start', delay: 16, duration: 4});
}); 
maestro = null;