var $j = jQuery.noConflict();
$j(document).ready(function(){
	
$j(".product").draggable({helper: 'clone', zIndex: 3700});         

var choosen = 0;var choosenCocoa = 0;var choosenClassico = 0;var choosenDulce = 0;var choosenGarmone = 0;var choosenRosso = 0;var choosenTropico = 0;var remaining = 0; 
$j("span#remaining").html(remaining);
	
//Hide all options initially
$j("#carton1").hide();
$j("#carton2").hide();	
$j("#carton3").hide();
$j("#topLayer").hide();
$j("#centerLayer").hide();
$j("#bottomLayer").hide();
$j("div.square24").css({ display:"none" });

//Check to see if the user has selected a qty before
var freshPick = 0;
	
function changeChoosen(candyType) {
		choosen++;
		remaining--;
		$j("span#choosen").html(choosen);
		$j("span#remaining").html(remaining);
		if (candyType == "cocoa") { 
			choosenCocoa++;
			$j("span#chosenCocoa").html(choosenCocoa); }
		else if (candyType == "classico") { 
				choosenClassico++;
				$j("span#chosenClasscio").html(choosenClassico); }
		else if (candyType == "dulce") { 
				choosenDulce++;
				$j("span#chosenDulce").html(choosenDulce); }
		else if (candyType == "garmone") { 
				choosenGarmone++;
				$j("span#chosenGarmone").html(choosenGarmone); }
		else if (candyType == "rosso") { 
				choosenRosso++;
				$j("span#chosenRosso").html(choosenRosso); }
		else if (candyType == "tropico") { 
				choosenTropico++;
				$j("span#chosenTropico").html(choosenTropico); }

}

var sq1 = 0; var sq2 = 0; var sq3 = 0; var sq4 = 0;var sq5 = 0;var sq6 = 0;var sq7 = 0;var sq8 = 0;var sq9 = 0;var sq10 =0;var sq11 =0;var sq12 = 0;var sq13 = 0;var sq14 = 0;var sq15 = 0;var sq16 = 0;var sq17 = 0;var sq18 = 0;var sq19 = 0;var sq20 = 0;var sq21 = 0;var sq22 = 0;var sq23 = 0;var sq24 = 0;

function checkDup(theValue) {
	switch(theValue)
	{
		case 1:
			if (sq1 != 0) {
				pieceCheck(sq1);
			}
		break;
		case 2:
			if (sq2 != 0) {
				pieceCheck(sq2);
			}
		break;
		case 3:
			if (sq3 != 0) {
				pieceCheck(sq3);
			}
		break;
		case 4:
			if (sq4 != 0) {
				pieceCheck(sq4);
			}
		break;
		case 5:
			if (sq5 != 0) {
				pieceCheck(sq5);
			}
		break;
		case 6:
			if (sq6 != 0) {
				pieceCheck(sq6);
			}
		break;
		case 7:
			if (sq7 != 0) {
				pieceCheck(sq7);
			}
		break;
		case 8:
			if (sq8 != 0) {
				pieceCheck(sq8);
			}
		break;
		case 9:
			if (sq9 != 0) {
				pieceCheck(sq9);
			}
		break;
		case 10:
			if (sq10 != 0) {
				pieceCheck(sq10);
			}
		break;
		case 11:
			if (sq11 != 0) {
				pieceCheck(sq11);
			}
		break;
		case 12:
			if (sq12 != 0) {
				pieceCheck(sq12);
			}
		break;
		case 13:
			if (sq13 != 0) {
				pieceCheck(sq13);
			}
		break;
		case 14:
			if (sq14 != 0) {
				pieceCheck(sq14);
			}
		break;
		case 15:
			if (sq15 != 0) {
				pieceCheck(sq15);
			}
		break;
		case 16:
			if (sq16 != 0) {
				pieceCheck(sq16);
			}
		break;
		case 17:
			if (sq17 != 0) {
				pieceCheck(sq17);
			}
		break;
		case 18:
			if (sq18 != 0) {
				pieceCheck(sq18);
			}
		break;
		case 19:
			if (sq19 != 0) {
				pieceCheck(sq19);
			}
		break;
		case 20:
			if (sq20 != 0) {
				pieceCheck(sq20);
			}
		break;
		case 21:
			if (sq21 != 0) {
				pieceCheck(sq21);
			}
		break;
		case 22:
			if (sq22 != 0) {
				pieceCheck(sq22);
			}
		break;
		case 23:
			if (sq23 != 0) {
				pieceCheck(sq23);
			}
		break;
		case 24:
			if (sq24 != 0) {
				pieceCheck(sq24);
			}
		break;
	}
}

function pieceCheck(checkSq) {
	choosen--;
	remaining++;
	$j("span#choosen").html(choosen);
	$j("span#remaining").html(remaining);
	switch(checkSq)
	{
		case "classico":
			choosenClassico--;
			$j("span#chosenClasscio").html(choosenClassico); 
		break;
		case "dulce":
			choosenDulce--;
			$j("span#chosenDulce").html(choosenDulce); 
		break;
		case "garmone":
			choosenGarmone--;
			$j("span#chosenGarmone").html(choosenGarmone);
		break;
		case "rosso":
			choosenRosso--;
			$j("span#chosenRosso").html(choosenRosso); 
		break;
		case "cocoa":
			choosenCocoa--;
			$j("span#chosenCocoa").html(choosenCocoa);
		break;
		case "tropico":
			choosenTropico--;
			$j("span#chosenTropico").html(choosenTropico);
		break;
	}
}

$j("div#square1").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_18_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(1);
			sq1 = this.id;
		    changeChoosen(this.id);
		
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square2").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_17_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(2);
			sq2 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square3").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_22_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(3);
			sq3 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square4").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_21_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(4);
			sq4 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square5").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_20_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(5);
			sq5 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square6").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_26_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(6);
			sq6 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square7").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_24_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(7);
			sq7 = this.id;
 			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square8").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_23_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(8);
			sq8 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square9").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_25_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(9);
			sq9 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square10").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_29_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(10);
			sq10 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square11").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_28_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(11);
			sq11 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square12").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_27_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(12);
			sq12 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square13").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_31_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(13);
			sq13 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square14").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_30_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(14);
			sq14 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square15").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_34_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(15);
			sq15 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square16").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_33_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(16);
			sq16 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square17").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_32_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(17);
			sq17 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square18").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_38_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(18);
			sq18 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});

$j("div#square19").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_37_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(19);
			sq19 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square20").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_36_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(20);
			sq20 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square21").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_35_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(21);
			sq21 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square22").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_41_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(22);
			sq22 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square23").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_40_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(23);
			sq23 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});
$j("div#square24").droppable({ 
    accept: ".product",
    drop: function(ev, ui) { 
        ui.draggable.clone().fadeOut("fast", 
        function() { 
			$j("input#options_39_text").val(this.id), 
            $j(this).fadeIn("fast")
			checkDup(24);
			sq24 = this.id;
			changeChoosen(this.id);
        }).appendTo($j(this).empty()); 
    } 
});


$j("#resetLink").click(function () {
	location.reload();
});

// $j("#addToCard").click(function () {
//	$j("#addToCard").attr("disabled","disabled");
// });

$j("#select_19").change(function () {
	if (freshPick == 0) { freshPick = 1}
	else { location.reload(); }
	var theValue = $j("#select_19").val();
	//6
	if (theValue == "129") { 
		$j("#carton1").show();
		$j("#topLayer").show();
		$j("#carton2").hide();	
		$j("#carton3").hide();
		$j("#centerLayer").hide();
		$j("#bottomLayer").hide();
		$j("#boxsize").html("6 Pieces");
		remaining = 6;
		$j("span#remaining").html(remaining);
	}
	//12 
	else if (theValue == "128") {
		$j("#carton1").show();
		$j("#carton2").show();	
		$j("#carton3").hide();
		$j("#topLayer").show();
		$j("#centerLayer").show();
		$j("#bottomLayer").hide();
		$j("#boxsize").html("12 Pieces");
		$j("#centerLayer").html("Bottom Layer");
		remaining = 12;
		$j("span#remaining").html(remaining);
		
	}
	// 24 
	else if (theValue == "127") {
		$j("#carton1").css({ width: "110px" });
		$j("#carton2").css({ width: "110px" });
		$j("#carton3").css({ width: "110px" });
		$j("div.square24").css({ display:"block" });
		$j("#carton1").show();
		$j("#carton2").show();	
		$j("#carton3").show();
		$j("#topLayer").show();
		$j("#centerLayer").show();
		$j("#bottomLayer").show();
		$j("#boxsize").html("24 Pieces");
		remaining = 24;
		$j("span#remaining").html(remaining);
	
	}
});


/*$j(".messages").hide();
$j("#addToCard").click(function () { 
	if(remaining != 0 && theValue != ""){
		
		return false 
	} else {
		return true	
	}
});*/
	
});