var playItem = 0;
	
$(document).ready(function(){

	$("#archive").hide();
	$("#signup").hide();
	$("#contact").hide();
	$("#inputrow").hide();
	$("#title").hide();
	$("#location").hide();
	$("#play_time").hide();
	$("#signup_complete").hide();
	
	$("#player_pause").hide();
	

	$("#player_play").click(hitPlay);
	$("#player_play").hover(function(){$(this).addClass("p_hover")},function(){$(this).removeClass("p_hover")})

	$("#player_pause").click(hitPause);
	$("#player_pause").hover(function(){$(this).addClass("p_hover")},function(){$(this).removeClass("p_hover")})
	
	
	
	$("#jplayerdiv").jPlayer({
		ready: function() {
			displayPlayList();
			playListInit(false); // Parameter is a boolean for autoplay.
		},
		swfPath: "/wp-content/themes/dj/js",
		cssPrefix: "p",
		oggSupport: false,
		nativeSupport: false
	})
	.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", "volumeBar", "player_volume_bar")
	.jPlayer("cssId", "volumeBarValue", "player_volume_bar_value")
	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		var myPlayedTime = new Date(playedTime);
		var ptHr = (myPlayedTime.getUTCHours() < 1) ? "" : myPlayedTime.getUTCHours()+":";
		var ptMin = (myPlayedTime.getUTCMinutes() < 10) ? "0" + myPlayedTime.getUTCMinutes() : myPlayedTime.getUTCMinutes();
		var ptSec = (myPlayedTime.getUTCSeconds() < 10) ? "0" + myPlayedTime.getUTCSeconds() : myPlayedTime.getUTCSeconds();
		var offset = 65 + 625 * playedPercentAbsolute / 100;
		$("#play_time").html("<span>"+ptHr+ptMin+":"+ptSec+"</span>");
		$("#play_time").css("left", offset);
		if(loadPercent != 0 && !$("#play_time").is(":visible")) $("#play_time").show();
		

		var myTotalTime = new Date(totalTime);
		var ttMin = (myTotalTime.getUTCMinutes() < 10) ? "0" + myTotalTime.getUTCMinutes() : myTotalTime.getUTCMinutes();
		var ttSec = (myTotalTime.getUTCSeconds() < 10) ? "0" + myTotalTime.getUTCSeconds() : myTotalTime.getUTCSeconds();
		$("#total_time").text(ttMin+":"+ttSec);
	})
	.jPlayer("onSoundComplete", function() {

		// go to next automatically
		playListNext();
	});

	function displayPlayList() {
		for (i=0; i < playList.length; i++) {
			$("#archive ul").append("<li id='playlist_item_"+i+"'><div>&nbsp;</div><span id='playlist_item_"+i+"_title'>"+ playList[i].name +"</span></li>");

			$("#playlist_item_"+i).data( "name", playList[i].mp3.substring(0, playList[i].mp3.length-4).substring(playList[i].mp3.lastIndexOf('/')+1));
			$("#playlist_item_"+i).data( "title", $("#playlist_item_"+i+"_title").text());
			$("#playlist_item_"+i).data( "index", i ).hover(
				function() {
					if (playItem != $(this).data("index")) {
						$(this).addClass("playlist_hover");
					}
				},
				function() {
					$(this).removeClass("playlist_hover");
				}
			);

			$("#playlist_item_"+i+" > div").click( function() {
				var index = $(this).parent().data("index");
				if (playItem != index) {
					playListChange( index );
				} else {
					if($("#playlist_item_"+playItem+" > div").hasClass("is_playing")) {
						hitPause();
					} else {
						hitPlay();
					}
					//$("#jplayerdiv").jPlayer("play");
				}
			});

			$("#playlist_item_"+i+"_title").hover(
				function() {
					$(this).html("<a href='download.php?name="+$(this).parent().data("name")+"'>DOWNLOAD</a>");
				},
				function() {
					$(this).html($(this).parent().data("title"));
				}
			);
		}
	}

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

	function playListConfig( index ) {
		$("#playlist_item_"+playItem).removeClass("playlist_current");
		$("#playlist_item_"+playItem+" > div").removeClass("is_playing");
		$("#playlist_item_"+index).addClass("playlist_current");
		playItem = index;
		$("#jplayerdiv").jPlayer("setFile", (playList[playItem].mp3)); //, myPlayList[playItem].ogg);
	}

	function playListChange( index ) {
		playListConfig( index );
		//$("#jplayerdiv").jPlayer("play");
		hitPlay();
	}

	function playListNext() {
		var index = (playItem+1 < playList.length) ? playItem+1 : 0;
		if(index > 0) {
			playListChange(index);
		} else {
			playListConfig(index);
		}
	}

});

function toggleArchives() {
	if($("#archive").is(":visible")) {
		$("#archive").hide("fast");
	} else {
		$("#archive").show("fast");
		$('html, body').animate({scrollTop:$("#archive").offset().top}, 500);
	}
}

function contact() {
	if($("#signup").is(":visible")) {
		hideSignup();
	}
	if($("#contact").is(":visible")) {
		$("#inputrow").fadeOut("fast");
		$("#contact").hide();
		if(!$("#welcome").is(":visible")) {
			$("#location").hide();
//			$("#signup_complete").hide();
			$("#welcome").show();
		}
	} else {
		$("#contact").show();
		if(!$("#inputrow").is(":visible")) $("#inputrow").fadeIn("fast");
		if(!$("#location").is(":visible")) {
			$("#welcome").hide();
			//$("#signup_complete").hide();
			$("#location").show();
		}
	}
}

function signUp() {
	$("#contact").hide();//.hide("fast");
	$("#signup").show();//.show("fast");
	
	if(!$("#welcome").is(":visible")) {
		$("#location").hide();
		$("#signup_complete").hide();
		$("#welcome").show();
	}
	
	if(!$("#inputrow").is(":visible")) $("#inputrow").fadeIn("fast");
	
	$("#focus-signup").attr('value', '');
	$("#focus-signup").focus();
	$("#sign-link").empty().append("send");
	$("#sign-link").attr("href", "javascript:submit()");
}

function submit() {
	$("#inputrow").fadeOut("fast");
	//alert($("#focus-signup").attr('value'));
	$.get("index.php", { page_id: signupId, addr: $("#focus-signup").attr('value') });
	hideSignup();
	$("#welcome").hide();
	$("#location").hide();
	$("#welcome").show();
}

function hideSignup() {
	$("#sign-link").empty().append("sign up");
	$("#sign-link").attr("href", "javascript:signUp()");
	$("#signup").hide();//.hide("fast");
}


function hitPlay() {
	$("#player_play").hide();
	$("#player_pause").show();
	$("#playlist_item_"+playItem+" > div").addClass("is_playing");
	$("#jplayerdiv").jPlayer("play");
}

function hitPause() {
	$("#player_play").show();
	$("#player_pause").hide();
	$("#playlist_item_"+playItem+" > div").removeClass("is_playing");
	$("#jplayerdiv").jPlayer("pause");
}