// JavaScript Document
var $j = jQuery.noConflict();
function loadAudioPlayer(divID, fileName){
		   
	$j(divID).html('<div id="jquery_jplayer"></div><div id="player_container" class="ui-corner-all"><ul id="icons" class="ui-widget ui-helper-clearfix"><li id="play" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-play"></span></li><li id="pause" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-pause"></span></li><li id="volume-min" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-volume-off"></span></li><li id="volume-max" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-volume-on"></span></li></ul><div id="bars_holder"><div id="sliderPlayback" class="ui-corner-all"><div id="loaderBar" class="ui-state-disabled"></div></div></div></div>');

	var global_lp = 0;
	var muted = false;

	$j("#jquery_jplayer").jPlayer({
		ready: function ()
		{
			$j("#jquery_jplayer").setFile(fileName);
			$j("#jquery_jplayer").play();
			$j("#jquery_jplayer").stop();
		},swfPath:"/vehicles/j/"
	});
	
	$j("#jquery_jplayer").onSoundComplete( function() {
 		$j('#sliderPlayback').slider('option', 'value', 0);
		showPlayBtn();
	});


	$j("#pause").hide();
	$j("#volume-min").hide();

	function showPauseBtn()
	{
		$j("#play").fadeOut(function(){
			$j("#pause").fadeIn();
		});
	}

	function showPlayBtn()
	{
		$j("#pause").fadeOut(function(){
			$j("#play").fadeIn();
		});
	}
	
	function muteToggle(){
		if(muted){
			$j("#volume-min").fadeOut(function(){
				$j("#volume-max").fadeIn();
			});
			muted = false;	
		}else{
			$j("#volume-max").fadeOut(function(){
				$j("#volume-min").fadeIn();
			});
			muted = true;
		}
	}

	function playTrack(t,n)
	{
		$j("#jquery_jplayer").setFile(t).play();

		showPauseBtn();

		return false;
	}

	$j("#play").click(function() {
		$j("#jquery_jplayer").play();
		showPauseBtn();
		return false;
	});

	$j("#pause").click(function() {
		$j("#jquery_jplayer").pause();
		showPlayBtn();
		return false;
	});

	$j("#stop").click(function() {
		$j("#jquery_jplayer").stop();
		showPlayBtn();
		return false;
	});


	$j("#volume-min").click( function() {
		$j('#jquery_jplayer').volume(100);
		muteToggle();
	});

	$j("#volume-max").click( function() {
		$j('#jquery_jplayer').volume(0);
		muteToggle();
	});

	$j("#player_progress_ctrl_bar a").live( "click", function() {
		$j("#jquery_jplayer").playHead(this.id.substring(3)*(100.0/global_lp));
		return false;
	});


	$j("#jquery_jplayer").onProgressChange( function(lp,ppr,ppa,pt,tt) {
 		var lpInt = parseInt(lp);
 		var ppaInt = parseInt(ppa);
 		global_lp = lpInt;

		$j('#loaderBar').progressbar('option', 'value', lpInt);
 		$j('#sliderPlayback').slider('option', 'value', ppaInt);
	});


	// Slider
	$j('#sliderPlayback').slider({
		max: 100,
		range: 'min',
		animate: true,

		slide: function(event, ui)
   	{
   		$j("#jquery_jplayer").playHead(ui.value*(100.0/global_lp));
   	}
	});

	$j('#loaderBar').progressbar();


	//hover states on the static widgets
	$j('#dialog_link, ul#icons li').hover(
		function() { $j(this).addClass('ui-state-hover'); },
		function() { $j(this).removeClass('ui-state-hover'); }
	);

}