var audioEvent = {
	showMp3 : function(event){
		try {
		var element = Event.element(event);
		var linkSrc = element.href;
		Event.stop(event);
		audioEvent.removeIframe();

		var iFrame = Builder.node('iframe', {id: 'iFrame', onLoad: 'audioEvent.swapSpinner();', src: linkSrc, frameborder: '0', scrolling: 'no', width: '600px', height: '35px'})
		var closeWindow = Builder.node('span', { id: 'closeWindow', onclick: 'audioEvent.swapJukebox();', className:"closeWindow",  style: 'display:none;' }, '[close]' );
		var spinnerImg = Builder.node('img', { src: 'images/spinner.gif', id: 'spinner', className: 'spinner', onclick: 'audioEvent.swapJukebox();'});
		$('mp3Window').insert(spinnerImg, {position: 'bottom'});
		$('mp3Window').insert(iFrame, {position: 'top'});
		$('jukebox').insert(spinnerImg, {position: 'bottom'});
		$('mp3Window').insert(closeWindow, {position: 'bottom'});
		audioEvent.swapJukebox();
		}
		catch (e){
			console.error("error: " + e);
		}
		return false;
	},
	
	swapSpinner: function(){
		$('spinner').remove();
		$('closeWindow').show();
	},
	
	removeIframe: function(){
		$A(['iFrame', 'closeWindow', 'spinner']).each( function(thing){
			if ($(thing)){
				$(thing).remove();
			}
		});
	},
	
	swapJukebox: function() {
		
		if( $('mp3Window').getStyle('display') != 'none'){
			audioEvent.removeIframe();			
		}
		
		$('mp3Window').toggle();
		$('jukebox').toggle();
	}
};

Event.observe(window, 'load', function(){
	try {
        
        if ($('imageBar')) {
            swapImage();
        }
        
/*
 *  just let the links go to new targets
 *  
        if ($$('a.mp3Link')) {
            var mp3Links = $A($$('a.mp3Link'));
            mp3Links.each(function(link){
                Event.observe(link, 'click', audioEvent.showMp3.bindAsEventListener(audioEvent));
            });
        }
*/
	}
	catch(e){
		//missing stuff
	}	
});



function swapImage() {
	var img_rnd = new Array ("images/hero-01.jpg", "images/hero-02.jpg", "images/hero-03.jpg", "images/hero-04.jpg", "images/hero-05.jpg", "images/hero-06.jpg");
	var i = Math.floor(5*Math.random());
	var randomImg = Builder.node('img', {src: img_rnd[i], width: "580px", height: "215px", alt: "random image"});	
	$('imageBar').insert(randomImg, {position: 'bottom'});	
}