// 演奏するファイルリスト
	var fileList = [
		{ name : 'Pazzlun', url : 'music/pazzlun' },
		{ name : '0727', url : 'music/0727' },
		{ name : 'Ormaid', url : 'music/ormaid' },
		{ name : 'NaxhiMaota', url : 'music/naxhimaota' },
		{ name : 'WebTronica', url : 'music/webtronica' },
		{ name : 'MegaloShepre', url : 'music/megaloshepre' },
		{ name : 'Tokage', url : 'music/tokage' },
		{ name : 'AAAA', url : 'music/aaaa' }
	];
	
	var dnum = Math.floor(Math.random()*2);
		
	var audioObj = new Audio();//Audioオブジェクト
	var playFlag = false;//再生中判別
	var barpos = 0;//シークバーの座標
	var selMusic = 0;//再生中音源
	var volFlag = true;//ボリューム制御
	var vol = 1;//ボリューム値
	var pxVol = 1/25;//1pxのボリューム値
	var ext;//ファイル形式
	
	//曲セレクト
	function SetMusic(n){
		playFlag = false;
		selMusic = n;
		$('#MusicList li').removeClass('current');
		$('#MusicList .n' + n).addClass("current");
		$('#Mtitle').html(fileList[n].name + ' : trac'+ [selMusic+1] + '/' + fileList.length);
		start_music(fileList[selMusic].url+ext);
	}
	
	// 再生開始
	function start_music(url){
		//ウサギ踊る
		$("#Contact").css("background-image","url(images/usagi_dance"+dnum+".gif)");
		$("#Contact").css("background-position","36px 100%");
		if(!playFlag) {
			audioObj.pause();	// これがないと以前の音楽は停止しない
			audioObj = null;
			$('#Mseek').css("width","0");//シークバーを初期化
			audioObj = new Audio(url);
		}
		audioObj.volume = vol;
		if(!volFlag) audioObj.volume = 0;
		audioObj.play();
		
		//読み込み開始
		audioObj.addEventListener('loadstart', function(e) {
			$('#Mprogress').css("display","block");
		}, true);
		
		//読み込み完了
		audioObj.addEventListener('loadeddata', function(e) {
			$('#Mprogress').css("display","none");
		}, true);
		
		//シークバー
		audioObj.addEventListener('timeupdate', function(e) {
			$('#Mseek').css("width",Math.floor(230/audioObj.duration*audioObj.currentTime)+"px");
		}, true);
		
		//再生が終わったら次の曲を再生
		audioObj.addEventListener('ended',function(e) {
			playFlag = false;
			selMusic++;
			if(selMusic > fileList.length-1) {
				selMusic = 0;
			}
			SetMusic(selMusic);
		}, true);
		
		playFlag = true;	// 再生フラグ：再生中にする
	}
	
$(document).ready(function(){
	//HTMLを描画
	var htmlObj = '';
	htmlObj = '<div id="MSelect"><img src="images/m/select.png" alt="曲選択"></div>';
	htmlObj += '<div id="playListArea" class="clearfix"><div class="jScrollbar_mask"></div><div class="jScrollbar_draggable"><a href="#" class="draggable"></a></div></div>';
	htmlObj += '<div id="controller">';
	htmlObj += '<div id="Mtitle">' + fileList[selMusic].name + ' : trac'+ [selMusic+1] + '/' + fileList.length + '</div>';
	htmlObj += '<div id="SeekBar"><div id="Mballoon"><p>0:00</p></div><div id="Mseek"><div id="Mprogress"></div></div></div>';
	htmlObj += '<div id="Mvslider"><div id="MslidArea"><img src="images/m/volume_cursol.png" alt="" id="Vdrag"></div></div>';
	htmlObj += '<div id="Btns"><a id="Mplay"><img src="images/m/play_off.png" alt="再生"></a><a id="Mpause"><img src="images/m/pause_off.png" alt="停止"></a><a id="Mvolume"><img src="images/m/volume.png" alt="ボリューム"></a></div>';
	htmlObj += '</div>';
	$('#MusicPlayer').html(htmlObj);
	// 演奏するプレイリストを表示
	var playList = '<ul id="MusicList">';
	for(var i=0; i<fileList.length; i++){
		// WAVE形式が再生できるか調べる
		if(audioObj.canPlayType('audio/aac') == 'maybe') { ext = '.aac';}
		if(audioObj.canPlayType('audio/ogg') == 'maybe') { ext = '.ogg'; }
		if(i == 0){
			playList += '<li class="current n' + i + '" onclick="SetMusic('+i+')">';
		}else {
			playList += '<li class="n' + i + '" onclick=SetMusic('+i+')>';
		}
		playList += fileList[i].name + '</li>';
	}
	playList += '</ul>';
	if(fileList.length > 4){
		$('#playListArea .jScrollbar_mask').html(playList);
		$('#playListArea').jScrollbar();//スクロールバー
	}else {
		$('#playListArea').html(playList);
	}
	$('#playListArea').css('display','none');
	
	
	//再生位置の変更
	$('#SeekBar').mousemove(function(e) {
		barpos = e.pageX - 77;
		var time = audioObj.duration/230 * barpos;
		var sec = '0' + Math.floor(time % 60);
		var min = Math.floor(time / 60);
		sec = sec.substr(sec.length-2, 2);
		//min = min.substr(min.length-2, 2);
		if(sec != 'aN'){
			$('#Mballoon').css('display','block');
			$('#Mballoon').css('left', barpos - 5 + 'px');
			$('#Mballoon p').html(min + " : " + sec);
		}
	});
	
	$('#SeekBar').mouseout(function(e) {
		barpos = 0;
		$('#Mballoon').css('display','none');
	});
	
	$('#SeekBar').click(function(e) {
		if(playFlag){
			audioObj.currentTime = (audioObj.duration/230 * barpos);
		}
	});
	
	// 再生ボタン
	$('#Mplay').click(function(){
			start_music(fileList[selMusic].url+ext);
	});
	
	//停止ボタン
	$('#Mpause').click(function(){
			audioObj.pause();
			dnum = Math.floor(Math.random()*2);
			$("#Contact").css("background-image","url(images/usagi.png)");
			$("#Contact").css("background-position","50px 100%");
	});
	
	//曲リストのトグル
	$('#MSelect img').click(function(){ $("#playListArea").slideToggle('slow'); });
	
	//ボリューム変更
	
	$('#Mvolume').hover(function(e){
		$('#Mvslider').fadeTo('fast',1);
	},function(e){});
	
	$('#Mvslider').hover(function(e){},HideVolume);
	
	$('#Mvolume img').click(function(e){
		if(volFlag){
			$(this).attr('src','images/m/volume_off.png');
			HideVolume();
			audioObj.volume = 0;
			volFlag = false;
		}else{
			$(this).attr('src','images/m/volume.png');
			HideVolume();
			audioObj.volume = vol;
			volFlag = true;
		}
	});
	
	function HideVolume(){
		$('#Mvslider').fadeTo('fast',0,function(){
			$('#Mvslider').css('display','none');
		});
	}
	
	$('#Vdrag').draggable({
		containment:'parent',
		stop:function(e,ui){
			$('#Mvolume img').attr('src','images/m/volume.png');
			volFlag = true;
		},
		drag:function(e,ui){
			vol = 1 - pxVol * ui.position.top;
			audioObj.volume = vol;
		}
	});
	
});