var state = 0;  // state = 0 ---> stop/pause 
				// state = 1 ---> playing
var no_voice = 0;
var n_voices = 3;
var hidden = 0;

function InitAll () {
	state = 0;
	for ( i=1;i<=n_voices;i++) {
		Init ( i );
	}
	InitMediaPlayer ();
}

function Init ( obj ) {
	var start_voice_img = $('start_voice_' + obj);
	var stop_voice_img = $('stop_voice_' + obj);
	start_voice_img.src = "../images/voice_btn01_up.gif";
	stop_voice_img.src = "../images/voice_btn02_now.gif";	
}

function EnableAll ( ) {
	for ( i=1;i<=n_voices;i++) {
		Init ( i );
	}	
}

function DisableOthers ( obj ) {
	for ( i=1;i<=n_voices;i++) {
		if ( i != obj )
			Disable ( i );
	}
}

function Disable ( obj ) {
	var start_voice_img = $('start_voice_' + obj);
	var stop_voice_img = $('stop_voice_' + obj);
	start_voice_img.src = "../images/voice_btn01_now.gif";
	stop_voice_img.src = "../images/voice_btn02_now.gif";		
}

function Play ( obj, filename ) {
	if ( !state ) {
		state = 1;
		no_voice = obj;
		var start_voice_img = $('start_voice_' + obj);
		var stop_voice_img = $('stop_voice_' + obj);
		start_voice_img.src = "../images/voice_btn01_now.gif";
		stop_voice_img.src = "../images/voice_btn02_up.gif";
		
		DisableOthers ( obj );
		
		var str_mediaplayer = "";
	
		if ( filename ) {
	
			str_mediaplayer += '<OBJECT id="mediaPlayer" width="400" height="150" ';
			str_mediaplayer += '	CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" ';
			str_mediaplayer += '	standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">';
			str_mediaplayer += '	<param name="URL" value="' + filename + '">';
			str_mediaplayer += '	<param name="animationatStart" value="true">';
			str_mediaplayer += '	<param name="transparentatStart" value="true">';
			str_mediaplayer += '	<param name="autoStart" value="true">';
			str_mediaplayer += '	<param name="uiMode" value="full">';
			str_mediaplayer += '	<param name="loop" value="false">';
			str_mediaplayer += '	<EMBED type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"';
			str_mediaplayer += '		id="mediaPlayer" name="mediaPlayer" displaysize="4" autosize="-1"'; 
			str_mediaplayer += '		bgcolor="darkblue" showtracker="-1"'; 
			str_mediaplayer += '		showdisplay="0" showstatusbar="-1" videoborder3d="-1" width="400" height="150"';
			str_mediaplayer += '		src="' + filename + '" autostart="true" loop="false">';
			str_mediaplayer += '	</EMBED>';
			str_mediaplayer += '</OBJECT>';
		
		} else {
			str_mediaplayer = "";
		}
		$('MediaPlayerContainer').innerHTML = str_mediaplayer;	
	}
	return false;
}

function Stop ( obj ) {
	if ( obj == no_voice ) { 
		var str_mediaplayer = "";
		$('MediaPlayerContainer').innerHTML = str_mediaplayer;	
		state = 0;
		no_voice = 0;
		//Init( obj );
		EnableAll ();
	}
	return false;
}

function InitMediaPlayer () {
	var objBody = $$('body')[0];
	objBody.appendChild(Builder.node('div',{id:'detect_mouse'}));
	objBody.appendChild(Builder.node('div',{id:'overlay'}, [
		Builder.node('div',{id:'MediaPlayerContainer'}) 			
	]));

	
	$('overlay').observe('click', function() {
		new Effect.Morph('overlay', { style: 'top:-200px', duration: 0.8});
	});
	$('detect_mouse').observe('mouseover', function() {
		if ( !hidden ) {
			$('overlay').hide();
			new Effect.Parallel (
				[ 
					new Effect.Appear($('overlay'), { sync: true, duration: 1.0, from: 0.0, to: 0.5 }), 
					new Effect.Morph($('overlay'), { sync: true, style: 'top:0px', duration: 1.0 }) 
				], 
				{ 
					duration : 1.0
				}
			);
			//new Effect.Appear($('overlay'), { duration: 1.0, from: 0.0, to: 0.5 });
		}									
	});
}

document.observe('dom:loaded', function () { InitAll(); });