
	$(function(){
	
		var global_lp = 0;
	
		$("#jquery_jplayer").jPlayer({
			ready: function ()
			{
				$(this).setFile('fileadmin/mp3/goldsee.mp3');
				demoInstanceInfo($(this), $("#jplayer_info"));
			},
			swfPath: "fileadmin/template/jPlayer"
		})
		
		.onProgressChange( function(lp,ppr,ppa,pt,tt) {
	 		var lpInt = parseInt(lp);
	 		var ppaInt = parseInt(ppa);
	 		global_lp = lpInt;
	
			$('#loaderBar').progressbar('option', 'value', lpInt);
	 		$('#sliderPlayback').slider('option', 'value', ppaInt);
	 		
	 		var myPlayedTime = new Date(pt);
			var ptMin = (myPlayedTime.getUTCMinutes() < 10) ? "0" + myPlayedTime.getUTCMinutes() : myPlayedTime.getUTCMinutes();
			var ptSec = (myPlayedTime.getUTCSeconds() < 10) ? "0" + myPlayedTime.getUTCSeconds() : myPlayedTime.getUTCSeconds();
		$("#play_time").text(ptMin+":"+ptSec);

		})
		
		.onSoundComplete( function() {
			$(this).play();
		});
	
		$("#pause").hide();
	
		$("#play").click(function() {
			$("#jquery_jplayer").play();
			return false;
		});
	
	
		$("#stop").click(function() {
			$("#jquery_jplayer").stop();
			return false;
		});
		
			
		$('#volume-min').toggle(function() {
	  	$('#jquery_jplayer').volume(0);
	  	$('.ui-icon-volume').addClass('ui-icon-volume-off');
		}, function() {
	  	$('#jquery_jplayer').volume(75);
	  	$('.ui-icon-volume').removeClass('ui-icon-volume-off');
		});
	

	
		$("#player_progress_ctrl_bar a").live( "click", function() {
			$("#jquery_jplayer").playHead(this.id.substring(3)*(100.0/global_lp));
			return false;
		});
	
		// Slider
		$('#sliderPlayback').slider({
			max: 100,
			range: 'min',
			animate: true,
	
			slide: function(event, ui)
	   	{
	   		$("#jquery_jplayer").playHead(ui.value*(100.0/global_lp));
	   	}
		});
	
		$('#sliderVolume').slider({
			value : 50,
			max: 100,
			range: 'min',
			animate: true,
	
			slide: function(event, ui)
	   	{
	   		$("#jquery_jplayer").volume(ui.value);
	   	}
		});
	
		$('#loaderBar').progressbar();
	
	
		//hover states on the static widgets
		$('#dialog_link, ul#icons li').hover(
			function() { $(this).addClass('ui-state-hover'); },
			function() { $(this).removeClass('ui-state-hover'); }
		);
		
		$("#link_show_info").click(function () {
    $("#player_info_hover").show(600);
    });
	
	});



