// Execute on page load
$(document).ready(function() {

	var playItem = 0;

	var myPlayList = [
		{name:"Masquerade",mp3:"/wp-content/themes/joshuapanda3/audio/Masquerade.mp3"},
		{name:"I-77 Blues",mp3:"/wp-content/themes/joshuapanda3/audio/I-77-Blues.mp3"},
		{name:"Rosie",mp3:"/wp-content/themes/joshuapanda3/audio/Rosie.mp3"},
		{name:"Come On Up To The House <span>T. Waits</span>",mp3:"/wp-content/themes/joshuapanda3/audio/Come-On-Up-To-The-House.mp3"},
	];

	// Local copy of jQuery selectors, for performance.
	var jpPlayTime = $("#jplayer_play_time");
	var jpTotalTime = $("#jplayer_total_time");

	$("#jquery_jplayer").jPlayer({
		ready: function() {
			displayPlayList();
			playListInit(false); // Parameter is a boolean for autoplay.
		},
		volume: 50,
		swfPath: '/wp-content/themes/joshuapanda3/swf/'
	})
	.jPlayer("cssId", "play", "player_play")
	.jPlayer("cssId", "pause", "player_pause")
	.jPlayer("cssId", "loadBar", "player_progress_load_bar")
	.jPlayer("cssId", "playBar", "player_progress_play_bar")
	.jPlayer("cssId", "volumeMin", "player_volume_min")
	.jPlayer("cssId", "volumeMax", "player_volume_max")
	.jPlayer("cssId", "volumeBar", "player_volume_bar")
	.jPlayer("cssId", "volumeBarValue", "player_volume_bar_value")
	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		jpPlayTime.text($.jPlayer.convertTime(playedTime));
		jpTotalTime.text($.jPlayer.convertTime(totalTime));
	})
	.jPlayer("onSoundComplete", function() {
		playListNext();
	});

	$("#player_previous").click( function() {
		playListPrev();
		$(this).blur();
		return false;
	});

	$("#player_next").click( function() {
		playListNext();
		$(this).blur();
		return false;
	});

	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='#' 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) {
					playListChange( index );
				} 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").parent().removeClass("jplayer_playlist_current");
		$("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current").parent().addClass("jplayer_playlist_current");
		playItem = index;
		$("#jquery_jplayer").jPlayer("setFile", myPlayList[playItem].mp3);
		$("div#song_title").html(myPlayList[playItem].name);
	}

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

	function playListNext() {
		var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
		playListChange( index );
	}

	function playListPrev() {
		var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
		playListChange( index );
	}

	$("a[id^='landing_video']").prettyPhoto({
		'theme': 'dark_rounded',
		'default_width': 740,
		'default_height': 530
	});

	// $("a[id^='landing_video']").prettyPhoto({
	// 	'theme': 'dark_rounded',
	// 	'default_width': 740,
	// 	'default_height': 530,
	// 	callback: function(){ 
	// 		$("#jquery_jplayer").jPlayer("play");
	// 	}
	// });

	$("a[id^='video_nav']").prettyPhoto({
		'theme': 'dark_rounded',
		'default_width': 740,
		'default_height': 530,
		changepicturecallback: function(){
			$("#jquery_jplayer").jPlayer("pause");
		}
	});

	// $("a[id^='video_nav']").prettyPhoto({
	// 	'theme': 'dark_rounded',
	// 	'default_width': 740,
	// 	'default_height': 530,
	// 	changepicturecallback: function(){
	// 		$("#jquery_jplayer").jPlayer("pause");
	// 	}, 
	// 	callback: function(){ 
	// 		$("#jquery_jplayer").jPlayer("play");
	// 	}
	// });

	$("a[rel^='overlay']").prettyPhoto({
			'theme': 'dark_rounded',
			'default_width': 740,
			'default_height': 450,
			'markup': '<div class="pp_pic_holder"> \
	      <div class="pp_top"> \
	       <div class="pp_left"></div> \
	       <div class="pp_middle"></div> \
	       <div class="pp_right"></div> \
	      </div> \
	      <div class="pp_content_container"> \
	       <div class="pp_left"> \
	       <div class="pp_right"> \
	        <div class="pp_content"> \
	         <div class="pp_loaderIcon"></div> \
	         <div class="pp_fade"> \
	          <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
	          <div class="pp_hoverContainer"> \
	           <a class="pp_next" href="#">next</a> \
	           <a class="pp_previous" href="#">previous</a> \
	          </div> \
	          <div id="pp_full_res"></div> \
	          <div class="pp_details clearfix"> \
	           <p class="pp_description"></p> \
	           <a class="pp_close" href="#">Close</a> \
	           <div class="pp_nav"> \
	            <a href="#" class="pp_arrow_previous">Previous</a> \
	            <p class="currentTextHolder">0/0</p> \
	            <a href="#" class="pp_arrow_next">Next</a> \
	           </div> \
	          </div> \
	         </div> \
	        </div> \
	       </div> \
	       </div> \
	      </div> \
	      <div class="pp_bottom"> \
	       <div class="pp_left"></div> \
	       <div class="pp_middle"></div> \
	       <div class="pp_right"></div> \
	      </div> \
	     </div> \
	     <div class="pp_overlay"></div>'
		});



	$("a[rel^='iframes']").prettyPhoto({'theme': 'dark_rounded'});
 	$("a[rel^='prettyPhoto']").prettyPhoto({'theme': 'dark_rounded'});

});