function readtrack (tid) {
    switch (tid) {
      case 1:
        title = "Burning wish";
        song = "sons/burningwish.mp3";
        break;
    case 2:
        title = "Cocoon";
        song = "sons/cocoon.mp3";
        break;
    case 3:
        title = "Dinausaur";
        song = "sons/dinausaur.mp3";
        break;
    case 4:
        title = "Fully";
        song = "sons/fully.mp3";
        break;
    case 5:
        title = "Junglebellsex";
        song = "sons/junglebellsex.mp3";
        break;
    case 6:
        title = "2tasT4u";
        song = "sons/2tasT4u.mp3";
        break;
    }
    content = '<object type="application/x-shockwave-flash" data="dewplayer-mini.swf?son=&autostart=1&son=' + song + '" width="240" height="20">';
    content += '<param name="movie" value="dewplayer-mini.swf?son=&autostart=1?autostart=1&son=' + song + '" />';
    content += '<param name="wmode" value="transparent" />'
    content += '</object>';
    document.getElementById('player2').innerHTML = content;
}





function togglemenu () {
	var toggle = $('togglemenu');
	if ( toggle.value == 'hidden' ) {
		myMenuIn();
		toggle.value = 'affich';
	}
	else if ( toggle.value == 'affich' ) {
		myMenuOut();
		toggle.value = 'hidden';
	}
}


function myMenuIn() {

	var FX1 = new Fx.Styles($('menumus'), {duration: 800, transition: Fx.Transitions.Bounce.easeOut});
	FX1.start({ 'top': [358, 275], 'margin-left': [-353, -358] });
	
	var FX2 = new Fx.Styles($('menumus2'), {duration: 800, transition: Fx.Transitions.Bounce.easeOut});
	FX2.start({ 'top': [356, 200], 'margin-left': [-358, -358] });
	
	var FX3 = new Fx.Styles($('menumus3'), {duration: 800, transition: Fx.Transitions.Bounce.easeOut});
	FX3.start({ 'top': [354, 125], 'margin-left': [-353, -358] });
	
	var FX4 = new Fx.Styles($('menumus4'), {duration: 800, transition: Fx.Transitions.Bounce.easeOut});
	FX4.start({ 'top': [352, 50], 'margin-left': [-358, -358] });
		
}



function myMenuOut() {

	var FX1 = new Fx.Styles($('menumus'), {duration: 800, transition: Fx.Transitions.Bounce.easeOut});
	FX1.start({ 'top': [275, 358], 'margin-left': [-358, -353] });
	
	var FX2 = new Fx.Styles($('menumus2'), {duration: 800, transition: Fx.Transitions.Bounce.easeOut});
	FX2.start({ 'top': [200, 356], 'margin-left': [-358, -358] });
	
	var FX3 = new Fx.Styles($('menumus3'), {duration: 800, transition: Fx.Transitions.Bounce.easeOut});
	FX3.start({ 'top': [125, 354], 'margin-left': [-358, -353] });
	
	var FX4 = new Fx.Styles($('menumus4'), {duration: 800, transition: Fx.Transitions.Bounce.easeOut});
	FX4.start({ 'top': [50, 352], 'margin-left': [-358, -358] });
	
	$('togglemenu').value = 'hidden';
}


function showplayer() {

	var x = new Chain();


	var newswidth = 720;
	var newsheight = 400;
	var playerwidth = 280;
	var playerheight = 150;
	var xpos = Window.getWidth() / 2 - newswidth / 2 + 30;
	var ypos = Window.getHeight() /2 - newsheight / 2;
	var xpos2 = Window.getWidth() / 2 + newswidth / 2 - playerwidth - 20;


	var one = function(){
	
  	var div = $('player').setStyles({display: 'block', height: 0, width:0, opacity:0.9, top:0});
  	var div2 = $('playercont').setStyles({display: 'none'});
  	var div9 = $('closeplayer').setStyles({display: 'none'});

	var FX1 = new Fx.Styles($('player'), {duration: 500, transition: Fx.Transitions.Quad.easeOut});
	FX1.start({ 'top': [40, 100], 'width':[0, playerwidth],  'height':[0, playerheight], 'left': [xpos, xpos2] });	
	};

	
	var three = function(){	
  	  var div3 = $('playercont').setStyles({display: 'block', opacity:0});
  	  var div8 = $('closeplayer').setStyles({display: 'block', opacity:0});
  	  var FX3 = new Fx.Style(div3, 'opacity', {duration: 600} ).start(0.9);
      var FX8 = new Fx.Style($('closeplayer'), 'opacity', {duration: 600} ).start(0.9); 
      $('player').setStyle('filter', '');
	};
	
	var four = function(){	
		movePlayer();
	};
	
	x.chain(one);
	x.chain(three);
	x.chain(four);
   	x.callChain();
   	x.callChain.delay(600, x);
   	x.callChain.delay(1200, x);
}

function closeplayer() {

	var x = new Chain();

	var newswidth = 720;
	var newsheight = 400;
	var playerwidth = 198;
	var playerheight = 269;
	var xpos = Window.getWidth() / 2 - newswidth / 2 + 30;
	var ypos = Window.getHeight() /2 - newsheight / 2;
	var xpos2 = Window.getWidth() / 2 + newswidth / 2 - playerwidth -10;


	var one = function(){	
     
     var FX2 = new Fx.Style($('player'), 'top', {duration: 600} ).start(390);
     var FX3 = new Fx.Style($('player'), 'left', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(xpos);	
     var FX4 = new Fx.Style($('player'), 'width', {duration: 600} ).start(0);
     var FX5 = new Fx.Style($('player'), 'height', {duration: 600} ).start(0);		
	};
	
	var two = function(){	
     var FX1 = new Fx.Style($('player'), 'opacity', {duration: 600} ).start(0);		
	};
	
	var three = function(){	
  	var div = $('player').setStyles({display: 'none'});
  	var div2 = $('playercont').setStyles({display: 'none'});
    if ($('togglemenu').value == 'hidden') {
     togglemenu();
    }
	};
	var four = function(){	
     var FX1 = new Fx.Style($('closeplayer'), 'opacity', {duration: 600} ).start(0);
		var FX2 = new Fx.Style($('playercont'), 'opacity', {duration: 600} ).start(0);		
	};

	x.chain(four);
	x.chain(one);
	x.chain(two);
	x.chain(three);
 	x.callChain();
 	x.callChain.delay(800, x);
 	x.callChain.delay(1400, x);
 	x.callChain.delay(2000, x);
 	
 	var toggle = $('toggleplayer');
 	toggle.value = "hidden";
}

function movePlayer() {
	var exampB = new dragObject("player", "dragger");
}

function openMusic() {
	var toggle = $('toggleplayer');
	var toggle2 = $('togglealbum');
	
  if ( toggle2.value == 'hidden' ||  toggle.value == 'hidden') {
	 togglemenu();
	}
  
  if ( toggle.value == 'hidden') {
		showplayer();
		toggle.value = 'affich';
	} else {
    toggle.value = 'hidden';
  }
	if ( toggle2.value == 'hidden' ) {
		//openAlbum();
		//toggle2.value = 'affich';
	} else {
    toggle2.value = 'hidden';
  }

}


function openAlbum() {
	var x = new Chain();
	var xpos = Window.getWidth() / 2 - 250;
	var one = function(){	
  	  var div = $('album').setStyles({display: 'block', width:380,height:0, top:250, left:xpos,opacity:0});
  	  var div2 = $('albumcont').setStyles({display: 'none'});
  	  var div12 = $('closealbum').setStyles({display: 'none'});
  	  var FX1 = new Fx.Style(div, 'opacity', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(0.9); 	
	};
	
	var two = function(){	
  		var FX2 = new Fx.Style($('album'),'height', {duration: 600, transition: Fx.Transitions.Expo.easeOut}).start(270);
  		var FX9 = new Fx.Style($('album'),'top', {duration: 600, transition: Fx.Transitions.Expo.easeOut}).start(115);
	};
	
	var three = function(){	
  	  var div3 = $('albumcont').setStyles({display: 'block', opacity:0});
  	  var div8 = $('closealbum').setStyles({display: 'block', opacity:0});
  	  var FX3 = new Fx.Style(div3, 'opacity', {duration: 1000} ).start(0.8);
  	  var FX5 = new Fx.Style($('closealbum'), 'opacity', {duration: 600} ).start(0.9);
      $('album').setStyle('filter', '');		 	
	};
	
	x.chain(one);
	x.chain(two);
	x.chain(three);
 	x.callChain();
 	x.callChain.delay(800, x);
 	x.callChain.delay(1200, x);
}

function closeAlbum() {
	var x = new Chain();
	var xpos = Window.getWidth() / 2 - 250;

	
	var two = function(){	
  		var FX2 = new Fx.Style($('album'),'height', {duration: 600, transition: Fx.Transitions.Quad.easeOut}).start(0);
  		var FX9 = new Fx.Style($('album'),'top', {duration: 600, transition: Fx.Transitions.Expo.easeOut}).start(250);
	};
	
	var three = function(){	
  	  var div3 = $('albumcont').setStyles({display: 'block', opacity:0});
  	  var FX3 = new Fx.Style(div3, 'opacity', {duration: 600} ).start(0);	 
  	  var FX5 = new Fx.Style($('closealbum'), 'opacity', {duration: 600} ).start(0);	
	};
	var four = function(){	
  	  var div4 = $('album').setStyles({display: 'none', opacity:0});
      if ($('togglemenu').value == 'hidden') {
       togglemenu();
      }	 	
	};
	
	x.chain(three);
	x.chain(two);
	x.chain(four);
 	x.callChain();
 	x.callChain.delay(600, x);
 	x.callChain.delay(1300, x);
 	var toggle = $('togglealbum');
 	toggle.value = 'hidden';

}

function openAbout() {
	var x = new Chain();
	var xpos = Window.getWidth() / 2 - 250;
	var one = function(){	
  	  var div = $('divabout').setStyles({display: 'block', height: 0, top:61, left:xpos,opacity:0});
  	  var div2 = $('divaboutcont').setStyles({display: 'none'});
  	  var FX1 = new Fx.Style(div, 'opacity', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(0.9); 	
	};
	
	var two = function(){	
  		var FX2 = new Fx.Style($('divabout'),'height', {duration: 800, transition: Fx.Transitions.Bounce.easeOut}).start(300);
	};
	
	var three = function(){	
  	  var div3 = $('divaboutcont').setStyles({display: 'block', opacity:0});
  	  var FX3 = new Fx.Style(div3, 'opacity', {duration: 1000} ).start(0.9);	
  	  $('divabout').setStyle('filter', '');	 
    	if ($('togglemenu').value == 'affich') {
       togglemenu();
      }	
	};
	
	x.chain(one);
	x.chain(two);
	x.chain(three);
 	x.callChain();
 	x.callChain.delay(800, x);
 	x.callChain.delay(1400, x);

} 

function closeAbout() {
	var x = new Chain();
	var one = function(){	
  	  var FX1 = new Fx.Style($('divaboutcont'), 'opacity', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(0); 	
	};
	
	var two = function(){	
  		var FX2 = new Fx.Style($('divabout'),'height', {duration: 800, transition: Fx.Transitions.Bounce.easeOut}).start(0);
	};
	var three = function(){	
  	  var FX4 = new Fx.Style($('divabout'), 'opacity', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(0); 	
	};
	var four = function(){	
  	  var div = $('divabout').setStyles({display: 'none'}); 	
  	  var div2 = $('divaboutcont').setStyles({display: 'none'}); 
     	if ($('togglemenu').value == 'hidden') {
       togglemenu();
      }	
	};
	
	x.chain(one);
	x.chain(two);
	x.chain(three);
	x.chain(four);
 	x.callChain();
 	x.callChain.delay(800, x);
 	x.callChain.delay(1400, x);
 	x.callChain.delay(2000, x);

} 


function openContact() {
	var x = new Chain();
	var xpos = Window.getWidth() / 2 - 70;
	var one = function(){	
  	  var div = $('divcontact').setStyles({display: 'block', height: 0, top:420, left:xpos,opacity:0});
  	  $('closecontact').setStyles({opacity:0});
  	  var div2 = $('divcontactcont').setStyles({display: 'none'});
  	  var FX1 = new Fx.Style(div, 'opacity', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(0.9); 	
	};
	
	var two = function(){	
  		var FX2 = new Fx.Style($('divcontact'),'height', {duration: 800, transition: Fx.Transitions.Quad.easeOut}).start(250);
  		var FX5 = new Fx.Style($('divcontact'),'top', {duration: 800, transition: Fx.Transitions.Quad.easeOut}).start(170);
	};
	
	var three = function(){	
  	  var div3 = $('divcontactcont').setStyles({display: 'block', opacity:0});
  	  var FX6 = new Fx.Style($('closecontact'), 'opacity', {duration: 500} ).start(1); 
  	  var FX3 = new Fx.Style(div3, 'opacity', {duration: 1000} ).start(0.9); 	
  	  $('divcontact').setStyle('filter', '');	
  	  if ($('togglemenu').value == 'affich') {
        togglemenu();
      }
	};
	
	x.chain(one);
	x.chain(two);
	x.chain(three);
 	x.callChain();
 	x.callChain.delay(800, x);
 	x.callChain.delay(1400, x);

} 

function closeContact() {
	var x = new Chain();
	var one = function(){	
  	  var FX1 = new Fx.Style($('divcontactcont'), 'opacity', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(0); 	
	};
	
	var two = function(){	
  		var FX2 = new Fx.Style($('divcontact'),'height', {duration: 800, transition: Fx.Transitions.Quad.easeOut}).start(0);
  		var FX5 = new Fx.Style($('divcontact'),'top', {duration: 800, transition: Fx.Transitions.Quad.easeOut}).start(420);
  	  var FX6 = new Fx.Style($('closecontact'), 'opacity', {duration: 500} ).start(0); 
	};
	
	var three = function(){	
  	  var FX3 = new Fx.Style($('divcontact'), 'opacity', {duration: 1000} ).start(0); 	
	};
	var four = function(){	
  	  var div = $('divcontactcont').setStyles({display: 'none'});
  	  var div2 = $('divcontact').setStyles({display: 'none'});
  	  if ($('togglemenu').value == 'hidden') {
        togglemenu();
      }
	};
	
	x.chain(one);
	x.chain(two);
	x.chain(three);
	x.chain(four);
 	x.callChain();
 	x.callChain.delay(800, x);
 	x.callChain.delay(1400, x);
 	x.callChain.delay(2000, x);

}


function openLink() {
	var x = new Chain();
	var xpos = Window.getWidth() / 2 + 350;
	var xpos2 = Window.getWidth() / 2 + 350 - 300;
	var one = function(){	
  	  var div = $('divlink').setStyles({display: 'block', height: 320,width:0, top:80, left:xpos, opacity:0});
  	  var div2 = $('divlinkcont').setStyles({display: 'none'});
  	  var FX1 = new Fx.Style(div, 'opacity', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(0.9); 	
	};
	
	var two = function(){	
  		var FX2 = new Fx.Style($('divlink'),'width', {duration: 800, transition: Fx.Transitions.Expo.easeOut}).start(300);
  		var FX5 = new Fx.Style($('divlink'),'left', {duration: 800, transition: Fx.Transitions.Expo.easeOut}).start(xpos2);
	};
	
	var three = function(){	
  	  var div3 = $('divlinkcont').setStyles({display: 'block', opacity:0});
  	  var FX3 = new Fx.Style(div3, 'opacity', {duration: 1000} ).start(0.9); 	
  	  $('divlink').setStyle('filter', '');	
  	  if ($('togglemenu').value == 'affich') {
        togglemenu();
      }
	};
	
	x.chain(one);
	x.chain(two);
	x.chain(three);
 	x.callChain();
 	x.callChain.delay(800, x);
 	x.callChain.delay(1400, x);

} 

function closeLink() {
	var x = new Chain();
	var xpos = Window.getWidth() / 2 + 350;
	var one = function(){	
  	  var FX1 = new Fx.Style($('divlinkcont'), 'opacity', {duration: 600, transition: Fx.Transitions.Quad.easeOut} ).start(0); 	
	};
	
	var two = function(){	
  		var FX2 = new Fx.Style($('divlink'),'width', {duration: 800, transition: Fx.Transitions.Expo.easeOut}).start(0);
  		var FX5 = new Fx.Style($('divlink'),'left', {duration: 800, transition: Fx.Transitions.Expo.easeOut}).start(xpos);
	};
	
	var three = function(){	
  	  var FX3 = new Fx.Style($('divlink'), 'opacity', {duration: 1000} ).start(0); 	
	};
	var four = function(){	
  	  var div = $('divlinkcont').setStyles({display: 'none'});
  	  var div2 = $('divlink').setStyles({display: 'none'});
  	  if ($('togglemenu').value == 'hidden') {
        togglemenu();
      }
	};
	
	x.chain(one);
	x.chain(two);
	x.chain(three);
	x.chain(four);
 	x.callChain();
 	x.callChain.delay(800, x);
 	x.callChain.delay(1400, x);
 	x.callChain.delay(2000, x);

}