window.onload = function() {

		var myBox = document.getElementsByClassName('music-click');
		var myBoxOpen = document.getElementsByClassName('music-content');

		// Create the accordion
		var myAccordion = new fx.Accordion(
			myBox, myBoxOpen, {
				opacity: false, alwaysHide: true			
			}
		);
		
		var skroll = new Fx.ScrollWindow({duration: 2000, wait: false, transition: Fx.Transitions.sineInOut});
	
		$('top').addEvent('click', function(){
		skroll.toElement('backhead');
		});
		
		$('top2').addEvent('click', function(){
		skroll.toElement('backhead');
		});
		
		$('bottom').addEvent('click', function(){
		skroll.toElement('contact');
		});
		
		var arrow1 = new Fx.Scroll('other');

  			$('down').addEvent('mouseover', function(){
    		arrow1.down();
  			});

  			$('up').addEvent('mouseover', function(){
    		arrow1.up();
  			});
			
		
		 var info1 = new Fx.Slide('infoshow1', {duration: 500});
		  info1.hide();
  			$('info1').addEvent('click', function(){
    		info1.toggle('vertical');info2.hide();info3.hide();info4.hide();
  			});
			
		 var info2 = new Fx.Slide('infoshow2', {duration: 500});
		  info2.hide();
  			$('info2').addEvent('click', function(){
    		info2.toggle('vertical');info1.hide();info3.hide();info4.hide();
  			});
			
		 var info3 = new Fx.Slide('infoshow3', {duration: 500});
		  info3.hide();
  			$('info3').addEvent('click', function(){
    		info3.toggle('vertical');info1.hide();info2.hide();info4.hide();
  			});
			
		var info4 = new Fx.Slide('infoshow4', {duration: 500});
		  info4.hide();
  			$('info4').addEvent('click', function(){
    		info4.toggle('vertical');info1.hide();info2.hide();info3.hide();
  			});
		
		var project1 = new Fx.Slide('projectshow1', {duration: 500});project1.hide();

  			$('project1').addEvent('click', function(){
   		 	project1.toggle('vertical');
  			});
		
		var project2 = new Fx.Slide('projectshow2', {duration: 500});project2.hide();

  			$('project2').addEvent('click', function(){
   		 	project2.toggle('vertical');
  			});
			
		var project3 = new Fx.Slide('projectshow3', {duration: 500});project3.hide();

  			$('project3').addEvent('click', function(){
   		 	project3.toggle('vertical');
  			});
			
		var project4 = new Fx.Slide('projectshow4', {duration: 500});project4.hide();

  			$('project4').addEvent('click', function(){
   		 	project4.toggle('vertical');
  			});
		
		var project5 = new Fx.Slide('projectshow5', {duration: 500});project5.hide();

  			$('project5').addEvent('click', function(){
   		 	project5.toggle('vertical');
  			});
		
		var project6 = new Fx.Slide('projectshow6', {duration: 500});project6.hide();

  			$('project6').addEvent('click', function(){
   		 	project6.toggle('vertical');
  			});
			
		var project7 = new Fx.Slide('projectshow7', {duration: 500});project7.hide();

  			$('project7').addEvent('click', function(){
   		 	project7.toggle('vertical');
  			});
			
		var project8 = new Fx.Slide('projectshow8', {duration: 500});project8.hide();

  			$('project8').addEvent('click', function(){
   		 	project8.toggle('vertical');
  			});
			
		var project9 = new Fx.Slide('projectshow9', {duration: 500});project9.hide();

  			$('project9').addEvent('click', function(){
   		 	project9.toggle('vertical');
  			});
				
	}