Problem med jquery och firefox.

Håller på att skriva ett drag and drop program som ska illustrera lite enkelt hur en avfallskvarn fungerar. Man har fyra grönsaker som man ska slänga i diskhon. Men innan det ska gå att droppa så måste vattnet vara på och proppen i diskhon ha tagits bort.

När vattnet sätts på och av ändras endast variabeln "vatten" mellan true/false. Och när diskproppen rört på sig så får grönsakerna en ny klass, kallad drop, som .droppable() sedan ska acceptera.

Om man rör på en grönsak och de här två kraven inte är uppfyllda ska en text komma upp för olika scenarion, texterna finns i #vi, #pi och #i. Efter 2,5 sekund försvinner texten.

Den här koden fungerar bra i Chrome och Explorer 8. Men i Firefox går det inte dra grönsakerna alls om man inte kommenterar bort hela accept-funktionen. Så skulle vilja ha hjälp med lite felsökning och få tips på vad som inte funkar, det här är det första jag skapar i jQuery så finns nog en del fula misstag

$("#dropp").droppable({
			accept: accept,
			tolerance: 'touch',
			drop:handleDropEvent,
			cursor: "normal"
		} );
		
	function accept(event, ui){
		if($(event).hasClass("drop")&&vatten==true){
			return true;
			}
		
		else{
			if($(event).hasClass("drop")==true){
			$("#vi").show("fade", 1000, callback("#vi"));
			}

			else if(vatten==true){
			$("#pi").show("fade", 1000, callback("#pi"));
			}
			else if(vatten==false && $(event).hasClass("drop")==false && $(event).hasClass("draglater")==false){
			$("#i").show("fade", 1000, callback("#i"));
			}
			
				function callback(d) {
					setTimeout(function() {
					$(d).removeAttr( "style" ).fadeOut();
				}, 2500 );
				}; 
			
		return false;}
	}