var Site = {
		
	start: function(){
		Site.header();
		Site.bios();
		Site.jukebox();
	},
	
	header: function(){
		var header = $$('#menu a');
		header.each(function(el, i){ Site.headerOver(el, i) }, this);
	},
	
	headerOver: function(headerEl){
		var headerFx = new Fx.Styles(headerEl, {wait: false, duration: 150});
		headerEl.addEvent('mouseover', function(){
			headerFx.start({
				'background-color':'#FFFFFF',
				'color':'#000000',
				'padding-top':'6',
				'padding-bottom':'6'
			});
		});
		headerEl.addEvent('mouseout', function(){
			headerFx.start({
				'background-color':'#3e6159',
				'color':'#FFFFFF',
				'padding-top':'3',
				'padding-bottom':'3'
			});
		});
	},
	
	bios: function(){
 		var bios = $$('#bios img');
		bios.each(function(el, i){ Site.bioOver(el, i) }, this);
        Site.clickBio($('Andy'));		
	},
	
	bioOver: function(bioEl){
	    bioEl.setOpacity(.3);
		bioEl.addEvent('click', function(){Site.clickBio(bioEl);});
	},
	
	clickBio: function(el){
	    if(!el)
	        return;
	    var bioTextEl = $('bio' + el.id);
	    var bioTextFx = new Fx.Styles(bioTextEl, {wait: false, duration: 350});
	    Site.resetBios();
	    el.setOpacity(1);
	    bioTextEl.style.display='';
		bioTextFx.start({
		    'opacity': 1
		});
	},
	
	resetBios: function()
	{
        var bios = $$('#bios img');	
		bios.each(function(el, i){ el.setOpacity(.3); var bioTextEl = $('bio' + el.id); bioTextEl.style.display='none'; bioTextEl.setOpacity(0)}, this);
	},
	
	jukebox: function(){
	    var playButtons = $$('.play');
		playButtons.each(function(el, i){ Site.playButtonClick(el, i) }, this);

	    var stopButtons = $$('.stop');
		stopButtons.each(function(el, i){ el.addEvent('click', Site.resetStopButtons); }, this);
	},
	
	playButtonClick: function(playButton){
	    playButton.addEvent('click', function(){
	        Site.resetStopButtons();
	        var stopButton = playButton.parentElement.children[0];
    		var showButtonFx = new Fx.Styles(stopButton, {wait: false, duration: 550});
    		showButtonFx.start({'opacity':1});
	    });
	},
	
	resetStopButtons: function()	{
	    var stopButtons = $$('.stop');
		stopButtons.each(function(el, i){ el.setOpacity(0); }, this);
	}
}

window.onDomReady(Site.start);