var wSet = function(wEff) {
	wEff.set({
		'opacity': 0
	});
}

var wShow = function(wEff) {
	wEff.start({
		'opacity': 1
	});
}

var wHide = function(wEff) {
	wEff.start({
		'opacity': 0
	});
}

window.addEvent('domready', function() {

	//Accordion instance for expandable sidebar menus
	var sections = new Accordion($('accordion'), 'h4.toggler', 'div.element', {
		opacity: false,
		alwaysHide: true,
		display: -1,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#342');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#675');
		}
	});


	//Sidebar hiding functions
	
        //create your array to pass to Fx.elements
	var musicElems = $$('.musicHide');
	var searchElems = $$('.searchHide');

        //create a new Fx object
	sidebarMusicEffect0 = new Fx.Morph(musicElems[0], {
		link: 'cancel',
		duration: 400,
		frames: 120
	});
	sidebarMusicEffect1 = new Fx.Morph(musicElems[1], {
		link: 'cancel',
		duration: 400,
		frames: 120
	});
	sidebarSearchEffect0 = new Fx.Morph(searchElems[0], {
		link: 'cancel',
		duration: 400,
		frames: 120
	});
	sidebarSearchEffect1 = new Fx.Morph(searchElems[1], {
		link: 'cancel',
		duration: 400,
		frames: 120
	});

	//Images on top by default
	var musicFr = 1;
	var searchFr = 1;
	var firstTime = 1;
	var musicHappened = 0;
	var searchHappened = 0;

	//Flip between images and content
	this.addEvent('load', function(){
		musicElems[musicFr].addClass('inactive');
		searchElems[searchFr].addClass('inactive');
	});
/*	$('musicPlayer').addEvent('mouseover', function(){
		if((musicFr == 1)&&(musicHappened == 0)){
			musicHappened=1;
			wHide(sidebarMusicEffect0);
			setTimeout(function(){
				musicOther = musicFr+1;
				if(musicOther == 2){musicOther = 0;}
				musicElems[musicFr].removeClass('inactive');
				wSet(sidebarMusicEffect1);
				musicElems[musicOther].addClass('inactive');
				wShow(sidebarMusicEffect1);
				}, 400);
			}
		});
	//	Had to disable fading out since can't detect youtube clicks
/*	$('musicPlayer').addEvent('mouseleave', function(){
		if((musicFr == 1)&&(musicHappened == 1)){
			musicHappened=0;
			wHide(sidebarMusicEffect1);
			setTimeout(function(){
				musicOther = musicFr+1;
				if(musicOther == 2){musicOther = 0;}
				musicElems[musicOther].removeClass('inactive');
				wSet(sidebarMusicEffect0);
				musicElems[musicFr].addClass('inactive');
				wShow(sidebarMusicEffect0);
				}, 400);
			}
		});
	//Once clicked, player stays on top
	$('musicPlayer').addEvent('click', function(){
		musicFr=0;
		});
*/


	$('musicPlayer').addEvent('click', function(){
		if((musicFr == 1)&&(musicHappened == 0)){
			musicHappened=1;
			wHide(sidebarMusicEffect0);
			setTimeout(function(){
				musicOther = musicFr+1;
				if(musicOther == 2){musicOther = 0;}
				musicElems[musicFr].removeClass('inactive');
				wSet(sidebarMusicEffect1);
				musicElems[musicOther].addClass('inactive');
				wShow(sidebarMusicEffect1);
				}, 400);
			} else {
			if((musicFr == 1)&&(musicHappened == 1)){
			musicHappened=0;
			wHide(sidebarMusicEffect1);
			setTimeout(function(){
				musicOther = musicFr+1;
				if(musicOther == 2){musicOther = 0;}
				musicElems[musicOther].removeClass('inactive');
				wSet(sidebarMusicEffect0);
				musicElems[musicFr].addClass('inactive');
				wShow(sidebarMusicEffect0);
				}, 400);
			}}
		});
	//	Alternate function: music player appears, disappears through clicks
	
	/*
	$('searchBox').addEvent('mouseover', function(e){
	//Searchbox only appears once
		if((searchFr == 1)&&(searchHappened == 0)){
				if (window.event) e = window.event; 
				var srcEl = e.srcElement? e.srcElement : e.target; 
				if (srcEl.tagName=='IMG'){
					searchHappened=1;
					if(searchFr == 1){wHide(sidebarSearchEffect0);}else{wHide(sidebarSearchEffect1);}
					setTimeout(function(){
						searchOther = searchFr+1;
						if(searchOther == 2){searchOther = 0;}
						searchElems[searchFr].removeClass('inactive');
						if(searchOther == 0){wSet(sidebarSearchEffect0);}else{wSet(sidebarSearchEffect1);}
						searchElems[searchOther].addClass('inactive');
						if(searchOther == 0){wShow(sidebarSearchEffect0);}else{wShow(sidebarSearchEffect1);}
						if (firstTime ==1){document.getElementById('s1').value='Search';}
						}, 400);
				}
			}
		});
	$('searchBox').addEvent('mouseout', function(e){
		if((searchFr == 1)&&(searchHappened == 1)){
				if (window.event) e = window.event; 
				var srcEl = e.srcElement? e.srcElement : e.target; 
				if ((srcEl.tagName=='DIV')||(srcEl.tagName=='FORM')){
					searchHappened=0;
					if(searchFr == 1){wHide(sidebarSearchEffect1);}else{wHide(sidebarSearchEffect0);}
					setTimeout(function(){
						searchOther = searchFr+1;
						if(searchOther == 2){searchOther = 0;}
						searchElems[searchOther].removeClass('inactive');
						if(searchOther == 0){wSet(sidebarSearchEffect1);}else{wSet(sidebarSearchEffect0);}
						searchElems[searchFr].addClass('inactive');
						if(searchOther == 0){wShow(sidebarSearchEffect1);}else{wShow(sidebarSearchEffect0);}
						if (firstTime ==1){document.getElementById('s1').value='Search';}
						}, 400);
				}
			}
		});    
		*/

	$('searchBox').addEvent('click', function(){
	//Searchbox only appears once
		if((searchFr == 1)&&(searchHappened == 0)){
					/*searchHappened=1;*/
					if(searchFr == 1){wHide(sidebarSearchEffect0);}else{wHide(sidebarSearchEffect1);}
					setTimeout(function(){
						searchOther = searchFr+1;
						if(searchOther == 2){searchOther = 0;}
						searchElems[searchFr].removeClass('inactive');
						if(searchOther == 0){wSet(sidebarSearchEffect0);}else{wSet(sidebarSearchEffect1);}
						searchElems[searchOther].addClass('inactive');
						if(searchOther == 0){wShow(sidebarSearchEffect0);}else{wShow(sidebarSearchEffect1);}
						if (firstTime == 1){document.getElementById('s1').value='Search';
						firstTime=2;}else
						if (firstTime == 2){
						document.getElementById('s1').value='';
						document.getElementById('s1').focus();
						document.getElementById('s1').id='s2';
						firstTime=0;}
						}, 400);

			}
/*		else if((searchFr == 1)&&(searchHappened == 1)){
					searchHappened=0;
					if(searchFr == 1){wHide(sidebarSearchEffect1);}else{wHide(sidebarSearchEffect0);}
					setTimeout(function(){
						searchOther = searchFr+1;
						if(searchOther == 2){searchOther = 0;}
						searchElems[searchOther].removeClass('inactive');
					if(searchOther == 0){wSet(sidebarSearchEffect1);}else{wSet(sidebarSearchEffect0);}
						searchElems[searchFr].addClass('inactive');
						if(searchOther == 0){wShow(sidebarSearchEffect1);}else{wShow(sidebarSearchEffect0);}
						if (firstTime ==1){document.getElementById('s1').value='Search';}
						}, 400);
			}*/
		else {
			searchFr=1;
		}
		});    

});