$(function(){
	// audioplayer
	var global_lp = 0;
	
	$('audio').each(function(index, domElement) {
		var src = $(domElement).children('source').attr('src');
		var id = $(domElement).attr('id');
		var holder = $(domElement).parent('.audio');
		var player = $('#fallback-' + id);
		
		player.jPlayer({
			swfPath: "/media/lib/jplayer",
			ready: function(){
				this.setFile(src); 
			}
		}).jPlayer("onProgressChange", function(lp,ppr,ppa,pt,tt) {
	 		var lpInt = parseInt(lp);
	 		var ppaInt = parseInt(ppa);
	 		global_lp = lpInt;
	 
			$(holder).find('.loaderbar').progressbar('option', 'value', lpInt);
	 		$(holder).find('.seekbar').slider('option', 'value', ppaInt);
		})
		.jPlayer("onSoundComplete", function() {
			this.element.jPlayer("play");
		});
		
		$(holder).find('button.play').click(function(event) {
			event.preventDefault();
			
			if (player.jPlayer("getData", "diag.isPlaying")) {
				player.jPlayer('pause');
				$(this).button({icons: {primary:'ui-icon-play'}});
			} else {
				player.jPlayer('play');
				$(this).button({icons: {primary:'ui-icon-pause'}});
			}
		});
		
		$(holder).find('button.mute').click(function(event) {
			event.preventDefault();
			
			if (player.jPlayer("getData", "volume") > 0) {
				player.jPlayer('volumeMin');
				$(this).button({icons: {primary:'ui-icon-volume-on'}});
			} else {
				player.jPlayer('volumeMax');
				$(this).button({icons: {primary:'ui-icon-volume-off'}});
			}
		});
		
		$('.seekbar').slider({
			max: 100,
			range: 'min',
			slide: function(event, ui) {
				$(ui.handle).parents('div.audio').find('.fallback').jPlayer("playHead", ui.value*(100.0/global_lp));
			}
		});
	});
	
	// - controls
	$('button.play').button({
		icons: {primary:'ui-icon-play'}
	});
	$('button.mute').button({
		icons: {primary:'ui-icon-volume-off'}
	})
	$('.loaderbar').progressbar();
	
});