<?PHP
/* ====================
[BEGIN_SED_EXTPLUGIN]
Code=jQPlayer
Part=header
File=jQPlayer.header
Hooks=header.main
Tags=header.tpl:{HEADER_COMPOPUP}
Order=10
[END_SED_EXTPLUGIN]
==================== */

defined('SED_CODE') or die('Wrong URL');

$jqp_sql = sed_sql_query("SELECT * FROM `sed_jqplayer_playlist` ORDER BY  `sed_jqplayer_playlist`.`track_order` ASC");
	$jqp_i=1;
while($jqp_row = sed_sql_fetcharray($jqp_sql))
{
	if (($jqp_row['track_artist']=="") && ($jqp_row['track_song']=="")) {$song .= "{name:\"".$jqp_row['track_file']."\",mp3:\"".$jqp_row['track_loc']."/".$jqp_row['track_file']."\"}";}
	else if (($jqp_row['track_artist']=="") && ($jqp_row['track_song']!="")) {$jqp_song .= "{name:\"".$jqp_row['track_song']."\",mp3:\"".$jqp_row['track_loc']."/".$jqp_row['track_file']."\"}";}
	else if (($jqp_row['track_artist']!="") && ($jqp_row['track_song']=="")) {$song .= "{name:\"".$jqp_row['track_artist']." - ".$jqp_row['track_file']."\",mp3:\"".$jqp_row['track_loc']."/".$jqp_row['track_file']."\"}";}
	else {$song .= "{name:\"".$jqp_row['track_artist']." - ".$jqp_row['track_song']."\",mp3:\"".$jqp_row['track_loc']."/".$jqp_row['track_file']."\"}";}


	if ($jqp_i<sed_sql_numrows($jqp_sql)) { $song .= ", "; }
	$jqp_i++;
}

$out['compopup'] .= '<link type="text/css" href=https://www.cotonti.com/"js/jquery-ui-1.8.custom.css" rel="stylesheet" />';

$out['compopup'] .= '

<script type="text/javascript" src=https://www.cotonti.com/"js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src=https://www.cotonti.com/"js/jquery.jplayer.min.js"></script>

<script>


$(document).ready(function(){

var playItem = 0;
var myPlayList = [ '.$song.' ];

var global_lp = 0;

	$("#jquery_jplayer").jPlayer({
		ready: function ()
		{
			displayPlayList();
			playListInit(false); // Parameter is a boolean for autoplay.	
		},
		swfPath: "/js", nativeSupport: true, oggSupport: false,
		customCssIds: true
	})
	.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);
	})
	
	.jPlayer("onSoundComplete", function() {
		playListNext();
	});

	function displayPlayList() {
		$("#jplayer_playlist ul").empty();
		for (i=0; i < myPlayList.length; i++) {
			var listItem = (i == myPlayList.length-1) ? "<li class=\'jplayer_playlist_item_last\'>" : "<li>";
			listItem += "<a href=https://www.cotonti.com/\'#\' id=\'jplayer_playlist_item_"+i+"\' tabindex=\'1\'>"+ myPlayList[i].name +"</a></li>";
			$("#jplayer_playlist ul").append(listItem);
			$("#jplayer_playlist_item_"+i).data( "index", i ).click( function() {
				var index = $(this).data("index");
				if (playItem != index) {
					showPauseBtn()
					playListChange( index );
					$("#trackname").text(myPlayList[playItem].name);
				} else {
					$("#jquery_jplayer").jPlayer("play");		
				}
				$(this).blur();
				return false;
			});
		}
	}

	function playListInit(autoplay) {
		if(autoplay) {
			playListChange( playItem );
		} else {
			playListConfig( playItem );
		}
	}

	function playListConfig( index ) {
		$("#jplayer_playlist_item_"+playItem).removeClass("jplayer_playlist_current");
		$("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current");
		playItem = index;
		$("#jquery_jplayer").jPlayer("setFile", myPlayList[playItem].mp3, myPlayList[playItem].ogg);
	}

	function playListChange( index ) {
		playListConfig( index );
		$("#jquery_jplayer").jPlayer("play");
	}

	function playListNext() {
		var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
		playListChange( index );
		showPauseBtn();
		
			$("#trackname").fadeOut(function(){
			$("#trackname").text(myPlayList[playItem].name );
			$("#trackname").fadeIn();
		});
	
	}

	function playListPrev() {
		var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
		playListChange( index );
		showPauseBtn();
		
			$("#trackname").fadeOut(function(){
			$("#trackname").text(myPlayList[playItem].name );
			$("#trackname").fadeIn();
		});
	}

	$("#pause").hide();

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

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

	$("#play").click(function() {
		$("#jquery_jplayer").jPlayer("play");
		showPauseBtn();
		
		$("#trackname").fadeOut(function(){
			$("#trackname").text(myPlayList[playItem].name );
			$("#trackname").fadeIn();
		});
		
		return false;
	});

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

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

	$("#jplayer_next").click( function() {
		playListNext();
		return false;
	});


	$("#volume-min").click( function() {
		$(\'#jquery_jplayer\').jPlayer("volume", 0);
		$(\'#sliderVolume\').slider(\'option\', \'value\', 0);
		return false;
	});

	$("#volume-max").click( function() {
		$(\'#jquery_jplayer\').jPlayer("volume", 100);
		$(\'#sliderVolume\').slider(\'option\', \'value\', 100);
		return false;
	});

	$("#player_progress_ctrl_bar a").live( "click", function() {
		$("#jquery_jplayer").jPlayer("playHead", this.id.substring(3)*(100.0/global_lp));
		return false;
	});
	
$(function(){
  $("#dialog").dialog({hide:\'scale\',show:\'scale\',minHeight: 450,position: ["center"],autoOpen: false});
  $("#dialog_link").click(function(){$("#dialog").dialog("open");});
});



  $("#dialog_link").click( function() {
		return false;
	});
	

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

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

	$(\'#sliderVolume\').slider({
		value : 50,
		max: 100,
		range: \'min\',
		animate: true,

		slide: function(event, ui) {
			$("#jquery_jplayer").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\'); }
	);

});

</script>';

$out['compopup'] .= '<link type="text/css" href=https://www.cotonti.com/"plugins/jQPlayer/jQPlayer.css" rel="stylesheet" />';

?>

<!-- BEGIN: MAIN -->
	<div class="mboxHD">{LIST_PAGETITLE}</div>
	<div class="mboxBody">

		<div id="subtitle">{LIST_CATDESC}</div>
		<div class="pagnav">{LISTCAT_PAGEPREV} {LISTCAT_PAGNAV} {LISTCAT_PAGENEXT}</div>
		<ul>
			<!-- BEGIN: LIST_ROWCAT -->
			<li style="margin-top:8px;padding:0;">
				<strong><a href=https://www.cotonti.com/"{LIST_ROWCAT_URL}">{LIST_ROWCAT_TITLE}</a> ({LIST_ROWCAT_COUNT})</strong><br />
				<span class="desc">{LIST_ROWCAT_DESC}</span>
			</li>
			<!-- END: LIST_ROWCAT -->
		</ul>
		<div class="pagnav">{LISTCAT_PAGEPREV} {LISTCAT_PAGNAV} {LISTCAT_PAGENEXT}</div>
		<div class="paging">{LIST_TOP_PAGEPREV} {LIST_TOP_PAGINATION} {LIST_TOP_PAGENEXT}</div>
		<ul>
			<!-- BEGIN: LIST_ROW -->
			<li style="padding:0;">
				<strong><a href=https://www.cotonti.com/"{LIST_ROW_URL}">{LIST_ROW_TITLE}</a></strong> {LIST_ROW_FILEICON}<br />
				<span class="desc">{LIST_ROW_DESC} ({LIST_ROW_COUNT} {PHP.skinlang.list.hits})</span>
			</li>
			<!-- END: LIST_ROW -->
		</ul>
		<div class="paging">{LIST_TOP_PAGEPREV} {LIST_TOP_PAGINATION} {LIST_TOP_PAGENEXT}</div>
</div>

<!-- END: MAIN -->