/* Responds to forms changing frequency value */
function formFrequencyChanged(id){
    var field_name = "item[" + id + "][event_frequency]";
    var v = $(field_name).value;
    typelist = Array("daily", "weekly", "monthly", "yearly");
    typelist.each(
        function(item){
           area_name = "event[" + id + "]_" + item + "_info";
            e = $(area_name);
            if(e != null && e != undefined){
           if(v == item){
            e.show();
           }else{
            e.hide();
           }
          }
        });
    if(v == ""){
        $("event[" + id + "]_frequency_info").hide();
    }else{
        $("event[" + id + "]_frequency_info").show();
    }
    //update the sub
    formYearMonthWeekTypeChanged(id);  
}
//called when the month/day slection changes
function formMonthDayTypeChanged(id){
    var field_name = "item[" + id + "][event_monthly_type]";
    var v = $(field_name).value;
     typelist = Array("date");
    typelist.each(
        function(item){
           area_name = "event[" + id + "]_monthly_" + item + "_info";
            e = $(area_name);
           if(e != null && e != undefined){
           if(v == item){
            e.show();
           }else{
            e.hide();
           }
          }
        });
    formYearMonthWeekTypeChanged(id);    
}

//called when the year/useeek of month checkbox is clicked
function formYearMonthWeekTypeChanged(id){
    var field_name = "item[" + id + "][event_yearly_type]";
    var v = $(field_name).checked; 
    var v2 = $("item[" + id + "][event_monthly_type]").value;
    var field_name = "item[" + id + "][event_frequency]";
    var mode = $(field_name).value;
    
    var f = $('event['+id+']_monthly_day_info');
    if(f != undefined && f != null){
        if((v == 1 && mode == "yearly")|| (v2 == "day" && mode=="monthly")){
            f.show();
        }else{
            f.hide();
        }
    }
}