window.addEvent('load', function() {
	var smallvoyager = $('smallvoyager');
	var voyager = $('voyager');
	var curtain = $('curtain');
	var smallrecord = $('smallrecord');
	var recordfront = $('recordfront');
	var record = $('record');
	var sounds = $('sounds');
	var images = $('images');
	var coordinates = $('coordinates');
	var reference = $('reference');
	var content = $('content');

	smallvoyager.fade('hide');
	smallvoyager.setStyle('display', 'none');
	voyager.fade('hide');
	voyager.setStyle('display', 'none');
	recordfront.fade('hide');
	recordfront.setStyle('display', 'none');
	record.fade('hide');
	sounds.fade('hide');
	images.fade('hide');
	coordinates.fade('hide');
	reference.fade('hide');
	record.setStyle('display', 'none');
	content.fade('hide');
	content.setStyle('display', 'none');

	//curtain.fade(0);
	curtain.set('tween', {duration: 'long'});
	curtain.tween('opacity', '0');
	(function() { curtain.setStyle('display', 'none'); }).delay(1000);
	(function() { smallvoyager.setStyle('display', 'block'); }).delay(1000);
	(function() { smallvoyager.fade(1); }).delay(1500);

	smallvoyager.addEvent('click', function(e) {
		smallvoyager.fade(0);
		(function() { smallvoyager.setStyle('display', 'none'); }).delay(500);
		(function() { voyager.setStyle('display', 'block'); }).delay(500);
        	(function() { voyager.fade(1); }).delay(500);
	});	

	smallrecord.addEvent('click', function(e) {
		voyager.fade(0);
		(function() { voyager.setStyle('display', 'none'); }).delay(500);
		(function() { recordfront.setStyle('display', 'block'); }).delay(500);
        	(function() { recordfront.fade(1); }).delay(500);
		
	});

	recordfront.addEvent('click', function(e) {
		recordfront.fade(0);
		(function() { recordfront.setStyle('display', 'none'); }).delay(500);
		(function() { record.setStyle('display', 'block'); }).delay(500);
        	(function() { record.fade(1); }).delay(500);
		(function() { sounds.fade(0.01); }).delay(1000);
		(function() { images.fade(0.01); }).delay(1000);
		(function() { coordinates.fade(0.01); }).delay(1000);
		(function() { reference.fade(0.01); }).delay(1000);
		
	});

	var dynamic_curtain = 0;

	var showContent = function() {
		if (dynamic_curtain == 0) {
			dynamic_curtain = 1;
			curtain.addEvent('click', function(e) {
				content.fade(0);
				content.innerHTML = ''
				curtain.fade(0);
				(function() { content.setStyle('display', 'none'); }).delay(500);
				(function() { curtain.setStyle('display', 'none'); }).delay(500);
				(function() { record.setStyle('display', 'block'); }).delay(500);
        			(function() { record.fade(1); }).delay(500);
			});
		}

		record.fade(0);
		curtain.setStyle('cursor', 'pointer');
		curtain.setStyle('background-image', 'none');
		curtain.setStyle('display', 'block');
		$('middle').setStyle('z-index', 2000);
		curtain.fade(0.5);
		(function() { record.setStyle('display', 'none'); }).delay(500);
		(function() { content.setStyle('display', 'block'); }).delay(500);
        	(function() { content.fade(1); }).delay(500);


	};

	sounds.addEvent('mouseover', function(e) { sounds.fade(1); });
	sounds.addEvent('mouseout', function(e) { sounds.fade(0.01); });
	sounds.addEvent('click', function(e) {
		//var fo = new FlashObject("xspf_player.swf?playlist_url=playlist.xspf&autoplay=true&b_bgcolor=000000&b_fgcolor=FFED8E", "viewer", "768", "576", "8", "#000000");
		var fo = new FlashObject("mp3player.swf?lightcolor=0xFFFFFF&backcolor=0x000000&frontcolor=0xFFED8E&displayheight=0&autoscroll=false&autostart=true&shuffle=false", "player", "768", "576", "8", "#000000");
		fo.addParam("wmode", "transparent");
		fo.write("content");
		showContent();
	});

	images.addEvent('mouseover', function(e) { images.fade(1); });
	images.addEvent('mouseout', function(e) { images.fade(0.01); });
	images.addEvent('click', function(e) {
		var fo = new FlashObject("viewer.swf", "viewer", "640", "640", "8", "#000000");
		fo.addParam("wmode", "transparent");
		fo.write("content");
		showContent();
	});

	coordinates.addEvent('mouseover', function(e) { coordinates.fade(1); });
	coordinates.addEvent('mouseout', function(e) { coordinates.fade(0.01); });
	coordinates.addEvent('click', function(e) {
		content.innerHTML = '<iframe src="jibberbook/index.php" width="100%" height="100%" style="background-color: transparent; border: none;" allowtransparency="true" marginheight="0" marginwidth="0" frameborder="0"><p>Your browser does not support iframes.</p></iframe>';
		showContent();
	});
	reference.addEvent('mouseover', function(e) { reference.fade(1); });
	reference.addEvent('mouseout', function(e) { reference.fade(0.01); });
	reference.addEvent('click', function(e) {
		window.open('http://voyager.jpl.nasa.gov/spacecraft/goldenrec.html', '_blank');
		//window.open('http://web-synergy.com/', '_blank');
	});
});