$(function() {
		$("#sortable")
			.sortable({
				handle: 'span',
				axis: 'y',
				stop: function(event, ui) {
					var result = $('#sortable').sortable('toArray');
					$("#order-result").text(result+'');
					$("#save_order").removeClass("ui-state-default").addClass("ui-state-active");
					
					//Add hyperlink
					 $("#save").attr({href: "#"});
					//add loop here through array to see if 1 or= 1 and so on, if all are in order then you can disable the save
					//This may add so much over head its not worth it, only time will tell.
				}

			})
			.selectable({
				filter: 'li',//restrict only to list items (spans were being selected)
				stop: function(){
					var test ='';
					$(".ui-selected", this).each(
					function(){
						test +=(this.id)+",";
					});
					test=test.slice(0,test.length-1);
					
					//Make sure there is soemting selected
					if (test!=''){
						$("#select-result").text(test);
						$("#rem_sel").removeClass("ui-state-default").addClass("ui-state-active");
						$("#remove").attr({href: "#"});
					}else{
						$("#select-result").text('');
						$("#rem_sel").removeClass("ui-state-active").addClass("ui-state-default");
						$("#remove").removeAttr("href");
					}
				
				}
			});

		$("#dialog").dialog({
			autoOpen: false,
			bgiframe: true,
			resizable: false,
			height:200,
			width:300,
			modal: true,
			overlay: {
				backgroundColor: '#000',
				opacity: 0.5
			},
			buttons: {
				'Delete ingredient(s)': function() {
					$(this).dialog('close');
					remove_items();
				},
				Cancel: function() {
					$(this).dialog('close');
				}
			}
		});
	
		// Dialog Link
		$('a#remove').click(function(){
			if ($("#remove").attr("href")){
                                $('#dialog').removeClass("hidden");
				$('#dialog').dialog('open');
				$('#d_anchor').focus();
				
			}
                                return false;//Stop page jump for FF
		});
		

		function remove_items() {
			$(".ui-selected").each(
				function(){
					// Remove the items
					$('ul#sortable li:#'+this.id).remove();
				}
			);

			//Rem them from the db
			var pod = 'rem=' + $("#select-result").html();
//alert (pod);
			$.post(
				'funcldr.php?func=list_del',
				pod,
				function(txt) {
					//$("div#"+"divCurIngrd").html(txt);
					if (txt!='') {alert(txt);}
				}
			);

			// Refresh the sorted order in case they click save
			var result = $('#sortable').sortable('toArray');
			$("#order-result").text(result+'');

			//Clear the selected list since we removed them all
			$("#select-result").text('');
			
			//Toggle the save link
			$("#rem_sel").removeClass("ui-state-hover").removeClass("ui-state-active").addClass("ui-state-default");
					
			//Remove hyperlink		
			$("#remove").removeAttr("href");

			//Remove menu
 			if ($('#sortable li').length==0) {
			  $("#ingred_menu").addClass("hidden");
$("#no_items").removeClass("hidden");
			}
		}
		
		



		$('a#save').click(
			function(){
				if ($("#save").attr("href")){
                	//Remove Hyperlink
					$("#save").removeAttr("href");    
                        
                        
                        
					var i=$("#order-result").html();
					var pod = 'order=' + i;
					$.post('funcldr.php?func=list_save_order', pod,
						function(txt) {
						    if (txt!='') {
							alert(txt);
                            $("#save").attr({href: "#"}); 
						    } else {
							//Clear the selected list since we removed them all
							$("#order-result").text('');//Dont really need this

							//Toggle the save link
							$("#save_order").removeClass("ui-state-hover").removeClass("ui-state-active").addClass("ui-state-default");
							
						
						    }
						}
					);
				}
                                return false;//Stop page jump for FF
			}	
		);

	
			
		
	
		$(".hover").hover(
			function () {
			  $(this).addClass("ui-state-hover");
			}, 
			function () {
			  $(this).removeClass("ui-state-hover");
			}
		);

		$("#ingred_menu a").hover(
			function () {
				if ($(this).attr("href")){
					$(this).parent().removeClass("ui-state-active").addClass("ui-state-hover");
				}
			}, 
			function () {
				if ($(this).attr("href")){
					$(this).parent().removeClass("ui-state-hover").addClass("ui-state-active");
				}
			}		       
		);




		$("#ingred_frm").submit(
				function(){
                                  if (valid_ListIngred()){
                                	//Pass data to insert into db and get list items id
					var name= $('#ingredient').val();
                                	var amt= $('#amount').val();
                                	var meas= $('#measurement').val();
                                	var meas_grp= $('#measurement_group').val();
                                	var list= $('#list').val();


					var pod = 'ingredient=' +name+'&amt=' +amt+'&meas=' +meas+'&meas_grp=' +meas_grp+'&list=' +list;
					var s ='span';
					var l ='li';
                                	var dd='dd';
                                	var dl='dl';

					$.post('funcldr.php?func=list_add_to', pod,
						function(txt) {
							var id =txt.substring(txt.indexOf("[id]")+4,txt.indexOf("[/id]"));
                                                	meas =txt.substring(txt.indexOf("[meas]")+6,txt.indexOf("[/meas]"));
                                                	name =txt.substring(txt.indexOf("[ing]")+5,txt.indexOf("[/ing]"));
                                                	var update =txt.substring(txt.indexOf("[updt]")+6,txt.indexOf("[/updt]"));

							if (id.length<=0 ||meas.length<=0 ||name.length<=0 ||update.length<=0 ||txt.length!=(id.length+9+meas.length+13+name.length+11+update.length+13)) {
								alert(txt);
							}else if (id.length>0) {
                                                                if (update==1) {
                                                                //alert ($('#'+id).html());
                                                                                $('#'+id+' .measurements').html(meas);//Update the amount
                                                                }else{
                                                                                $('<'+l+' class="ui-state-default ui-widget-content" id="'+id+'"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><'+dl+'><'+dd+' class="measurements">'+meas+'</'+dd+'><'+dd+' class="ingred_listaa">'+name+'</'+dd+'></'+dl+'>').appendTo('ul#sortable');
                                                                }

                                                                $('#ingredient').val('');
                                                                $('#amount').val('');

                                                                document.getElementById('measurement_group').selectedIndex=0;
                                                                document.getElementById('measurement').length = 1;
                                                                $("#ingred_menu").removeClass("hidden");
                                                                $("#no_items").addClass("hidden");
								$('#amount').focus();
                                                                $('#IngridList').html('');
                                                                
							}
						}
					);
				  }
                                }
		);
	


});