var no = 0;
var members = new Array();
var allergies = new Array();
var dietaries = new Array();
var member_index = -1;
var calories_select = "";
var dietary_index = -1;
var family_need = new Array();
var family_need_checked = new Array();

jQuery(document).ready(function(){
    //jQuery("#food-plan-contents").accordion({ autoHeight: false });
    jQuery('#food-plan-contents .name').click(function() {
        jQuery(this).parent().next().toggle();
				jQuery(this).children(".rarrow").toggle();
				jQuery(this).children(".darrow").toggle();
        return false;
    });

    hideCategories();
    jQuery("#update_budget").hide();
		//jQuery("#family_allergy").hide();
		jQuery("#commonneed").change(function() {
        alert("checked");
    });

    jQuery('input[name=family_allergy]').click(function(){
        if(jQuery('input[name=family_allergy]').is(':checked')){

            jQuery('.allergy').hide();
            jQuery("#family_allergy .options").show();
            jQuery(".dietaryneed").hide();
            //uncheck all the checkboxes
            jQuery(".check_needs").attr('checked',false);
            jQuery("#family_allergy .dietaryneed").show();
        }
        else{
            jQuery('.allergy').show();
            jQuery("#family_allergy .options").hide();
        }
    });

    jQuery('.removemember').click(function() {
        if(confirm("Are you sure?")){
            var row = jQuery(this).closest('.familymember');
            var member = row.find('.memberid');
            jQuery.ajax({
                type:'POST',
                url:'/planner/thrive/removemember',
                dataType: 'json',
                data:{
                    member_id:member.val()
                },
                success: function(data){
                    var html = '';
                    if(data.message){
                        row.fadeOut('slow',function(){
                            row.remove();
                        });
                    }
                    if(data.error){
                        alert(data.error);
                    }
                },
                error: function(XMLHttpRequest,textStatus,errorThrown){
                    alert('error deleting the family member');
                }
            });
        }
    });

    dietaryclick();
    ageChange();
    //check to see if the number in family is visible
    if(jQuery('.number_in_family').is(":visible")){
        jQuery('#family_allergy').hide();
    }
    else{
        jQuery('#family_allergy').show();
    }
    toggleEditButtons(1);
});

function showInfo(info) {

    jQuery("#" + info).dialog({
        autoOpen:false,
        bgiframe: true,
        modal: true,
        buttons: {
            Ok: function() {
                    jQuery(this).dialog('close');
                    jQuery(this).dialog('destroy');
               }
        }
    });
    jQuery('#' + info).dialog('open');
}

function goToStep(step) {

    var valid = true;

    // Validate the family step
    if(jQuery('div.member-submit').is(':visible')) {
        if(jQuery('div.familymember').length == 0) {
            valid = false;
            jQuery('span.errorMsg').html("You must include at least one family member.");
        }
    } else if(jQuery('input[name="name"]').is(":visible")) {
        jQuery('span.familyName').html(jQuery('input[name="name"]').val());
    }

    if(valid) {
        // Hide the current div and show the next one
        jQuery('div.errorMsg').hide();
        jQuery('div.thrivePlannerStepContainer input.edit').addClass('hide');
        jQuery('div.thrivePlannerStepContainer div.thrivePlannerStepHead').removeClass('stepSelected');
        jQuery('div.thrivePlannerStepContainer div.thrivePlannerStepContent').hide('slow');
        jQuery('div.thrivePlannerStepContainer.' + step + ' div.thrivePlannerStepContent').show('slow');
        jQuery('div.thrivePlannerStepContainer.' + step + ' div.thrivePlannerStepHead').addClass('stepSelected');
        jQuery('div.thrivePlannerStepContainer.' + step + ' input').addClass('hide');
        jQuery('div.thrivePlannerStepContainer.' + step + ' span.savedInfo').hide();
        toggleEditButtons(step);
    }
}

function toggleEditButtons(step) {
    // Only show edit buttons that are after the current step unless we are editing
    if(jQuery('input.newSettings').length > 0) {
        var editButtons = jQuery('div.thrivePlannerStepContainer div.thrivePlannerStepHead input');
        for(var i=0; i < editButtons.length; i++) {
            var button = editButtons[i];
            if(jQuery(button).hasClass('one') && step > 1) {
                jQuery(button).show();
            } else if(jQuery(button).hasClass('two') && step > 2) {
                jQuery(button).show();
            } else {
                jQuery(button).hide();
            }
        }
    }
}

function populateFamilyNeedList(type,field){
    if(findInArray(field.value,family_need) || !field.checked){
        return;
    }
    
    var html = "";
    var need = null;
    if(type == "dietary")
    need = findInArray(field.value,dietaries);
    else
    need = findInArray(field.value,allergies);

    if(need){
        family_need.push(need);
    }
    html += "<input id=commonneed name=family["+type+"][] value="+need.value+" type=checkbox>"+family_need[family_need.length-1].label+"<br>";
    var finallist = jQuery(".familyneedlist").html()+html;
    jQuery(".familyneedlist").html(finallist);
}

function populateFamilyNeedList1(type,id){
    if(findInArray(id,family_need)){
        return;
    }

    var html = "";
    var need = null;
    if(type == "dietary")
    need = findInArray(id,dietaries);
    else
    need = findInArray(id,allergies);

    if(need){
        family_need.push(need);
    }
    html += "<input id=commonneed name=family["+type+"][] value="+need.value+" type=checkbox>"+family_need[family_need.length-1].label+"<br>";
    var finallist = jQuery(".familyneedlist").html()+html;
    jQuery(".familyneedlist").html(finallist);

}

function populateDuringAdd(){
    var html = jQuery(".familyneedlist").html();    
    jQuery(".familyneedlist").html(html);
}

function findInArray(needle,haystack){

    for(i = 0; i<haystack.length; i++){
        if(needle == haystack[i].value)
            return haystack[i];
    }
    return null;
}

for(var k=0; k<12; k++){
    var amt = 1000+(k*200);
    if(amt == 2000) {
        calories_select +="<option selected value="+amt+">"+amt+"</option>";
    } else {
        calories_select +="<option value="+amt+">"+amt+"</option>";
    }
}

function need(mlabel,mid){
    this.label = mlabel;
    this.value = mid;
}

function member(mid, mname, mage, mgender, mdailycalorie, allergies,dietaries){
    this.id = mid;
    this.name = mname;
    this.age = mage;
    this.gender = mgender;
    this.dailycalorie = mdailycalorie;
    this.allergies = allergies;
    this.dietaries = dietaries;
}

function removeMemberDiv(divid){
    jQuery("#fmember"+divid).html("");
    jQuery("#fmember"+divid).hide();
    members.splice(divid*1);
}

function addMembers (amount_to_add) {
    jQuery('span.errorMsg').html("");
    if(!amount_to_add){
        amount_to_add = 1
    }
    jQuery('#family_allergy').show();
    var html = '';
    for (var i = amount_to_add; i > 0; i--){

        html += '<div class="familymember">';
        html += '<table width=100% class="member_table plain">';
		html += '<tr><td><img src="/skin/frontend/default/shelfreliance/images/user.gif"></td><td width=70% class="settings">';
        html += '<table class="plain" width=100% ><tr><td colspan=3><b>First Name:</b> ';
        html += '<input type="text" name="member['+member_index+'][fname]" value=""></td></tr><tr class="member_info"><td><b>Gender:</b>&nbsp;';
        html += ' <label><input type="radio" name="member['+member_index+'][sex]" value="m" checked="true"> Male</label>&nbsp;&nbsp; ';
        html += ' <label><input type="radio" name="member['+member_index+'][sex]" value="f"> Female</label> ';
        html += ' </td><td><b>Age:</b> <select class="age" name="member[' + member_index + '][age]'+i+'"><option value="12">Adult</option><option value="6">Child</option></select>';
        html += ' </td><td><b>Daily Diet:</b> <select class="calories" name="member['+member_index+'][dailydiet]">'+ calories_select +
                ' </select> calories <a href="javascript:showcalories();" class="calorieinfo"> <img src="/skin/frontend/default/shelfreliance/images/help.png"> </a> </td></tr></table></td>';
        html += '<td width=20% class="remove">';
        html += '<a href="javascript:void(0)" onClick=removeMember(jQuery(this))>Remove</a>';
        html += '</td></tr></table>';
        html += '</div>';
        member_index--;
        dietary_index--;
    }
		//will this reassign the listner?
    jQuery(".members").show();
    jQuery(".member-submit").show();
    jQuery(".members").append(html);
    populateDuringAdd();
    dietaryclick();
    ageChange();
}

function removeMember (element) {
    while(element.hasClass('familymember') == false){
        element = element.parent();
    }
    element.remove();
}


function hideCategories(){
	jQuery(".darrow").hide();
	jQuery('#title-grains .name .rarrow').toggle();
	jQuery('#title-grains .name .darrow').toggle();
	jQuery('#content-vegetables').hide();
	jQuery('#content-fruits').hide();
	jQuery('#content-dairy').hide();
	jQuery('#content-meatsbeans').hide();
	jQuery('#content-basics').hide();
	jQuery('#content-entrees').hide();
	jQuery('#content-spice').hide();
	jQuery('#content-dessert').hide();
	jQuery('#content-desserts').hide();
	jQuery('#content-drinks').hide();
}

function ageChange() {
    jQuery('select.age').change(function() {
       if(jQuery(this).val() == 6) {
           jQuery(this).closest('tr.member_info').find('select.calories').val(1200);
       } else {
           jQuery(this).closest('tr.member_info').find('select.calories').val(2000);
       }
    });
}

function dietaryclick(){
	jQuery('.dietaryneed .header').click(function(){
			jQuery(this).siblings().toggle();
			jQuery(this).children(".rarrow").toggle();
			jQuery(this).children(".darrow").toggle();

		});
}

function allAllergy(){
	
	alert(jQuery('input[name=family_allergy').val(':checked'));
	
}

function other_products(id){
    jQuery('.'+id).toggle();
}

function toggleEditDiv(divid){
    jQuery(".planner-content-edit").hide();
    jQuery(".planner-content-edit-heading").hide();
    jQuery(".planner-content-head").show();
    jQuery("#h"+divid).hide();
    jQuery("#e"+divid).show();
    jQuery("#eh"+divid).show();
}

function toggleThriveEditDiv(divid){
    jQuery(".planner-content-edit").hide();
    jQuery(".planner-food-content-edit-heading").hide();
    jQuery(".planner-content-head").show();
    jQuery("#h"+divid).hide();
    jQuery("#e"+divid).show();
    jQuery("#eh"+divid).show();
}

function toggleKitBox(divid){
    jQuery(".viewkitbox-body").hide();
    jQuery("#vb"+divid).show();
    jQuery(".navarr").attr("src", "../../../skin/frontend/default/shelfreliance/images/planner-emergency-viewkitbox-head-rarrow.jpg");
    jQuery("#na"+divid).attr("src", "../../../skin/frontend/default/shelfreliance/images/planner-emergency-viewkitbox-head-darrow.jpg")
}

function toggleCategory(divid){
    toggleKitBox(divid);
}

function toggleViewplanFoh(id){
    jQuery('#bbodyfoh'+id+'').toggle();
}

function updateBudget(){
	jQuery('#update_budget').toggle('slow');
}

jQuery(document).ready(function(){
    jQuery("#foodresult").dialog({
        autoOpen:false,
        bgiframe:true,
        modal:true,
        dragable:false,
        resizable:true,
        width:600,
        buttons: {
            'continue': function() {
                jQuery(this).dialog(close);
            },
            Cancel: function() {
                jQuery(this).dialog('close');
            }
        }
    });
});