function removePick(coverNum){
	$("#covers div.pn-"+coverNum).draggable('enable').removeClass("pn-" + coverNum);
	$("#album-titles div.pn-"+coverNum).children("div").html("?");
	$("#album-titles div.pn-"+coverNum).droppable('enable').removeClass("pn-" + coverNum);
}
$(function() {
	$("#btn_play-now").click(function(event) { event.preventDefault(); 
		$("#divider").animate( { height: 800 }, 500, function(){$("#wrap").show();});
		$("#btn_play-now").hide(); 
	});
	$("#covers div.guess").draggable({ cursor: 'move', snap: '.album div', snapMode: 'inner', helper: 'clone' });
	$("#album-titles div.album").droppable({
		hoverClass: 'ui-state-active',
		drop: function(event, ui) {
			var pickNum = $(ui.draggable).children("div").html();
			$(this).append('<a href="#">Remove X</a>').droppable('disable').addClass('ui-state-highlight').addClass("pn-" + pickNum);
			$(this).hover(function () {
				$("div." + $(this).attr("class") + " div").css("background-color","#ffff00"); 
			},function () {
				$("div." + $(this).attr("class") + " div").css("background-color","#dddddd");
			});
			$(this).children("div").html(pickNum);
			$(ui.draggable).addClass("pn-" + pickNum);
			$("div.album a").click(function () { 
				removePick($(this).siblings("div").html());
				$(this).remove();
				return false;
			});
			ui.draggable.addClass('selected').draggable('disable');
		}
	});
	$("#album-submit").click(function () { 
		var picksStr = ""; 
		$(".album").each(function (i) {
			if (i != 0) { picksStr = picksStr + "&"; };
			picksStr = picksStr + $(this).attr("id") + "=" + $(this).children("div").html();
		});
		$.post("score.asp?" + picksStr, function(data){ 
			$("#divider").load("form.asp", function(){
				$(".score").html(data);
				$("#divider").css("background-image","none");
				$("#signup").validate({
					rules: {email: {required: true, email: true}, birthday: {required: true,date: true}, fname: "required", lname: "required", address: "required", city: "required", guess: { required: true, digits: true}, zip : "required"},
					messages: {
						email: "Please enter a valid email address",
						fname: "Your first name is required",
						lname: "Your last name is required",
						phone: "Your phone number is required",
						address: "Your address is required",
						city: "Your city is required",
						zip: "Your zip code is required"
					},
					submitHandler: function(form) {
						var formStr = $(form).serialize();
						$.post("submit.asp?" + picksStr + "&score=" + data + "&" + formStr , function(resp){ 
							window.location = "signup.asp?m=thankyou&score=" + data;
						});
					}
				});
			 });					 
		});
		return false; 
	});
});