﻿// JScript File

/* ----------------------------------------------------
   Custom Radio --------------------------------------- */

	jQuery.fn.cssRadio = function () {
		var context = this;

		jQuery("input[@type='radio'] + label", this)
			.each( function(){
				jQuery(this).addClass("r_off");
				if ( jQuery(this).prev()[0].checked )
					jQuery(this).addClass("r_on");
			})
			.hover(
				function() { $(this).addClass("over"); },
				function() { $(this).removeClass("over"); }
			)
			.click( function() {
				jQuery("input[@type='radio'] + label", context)
					.each( function() {
						jQuery(this).removeClass("r_on");
						jQuery(this).prev()[0].checked = false;
					});
				jQuery(this).addClass("r_on");
				jQuery(this).prev()[0].checked = true;
			})
			.prev().css("position", "absolute").css("left", "-3000px");
	}


/* ----------------------------------------------------
   Display Dropdowns ---------------------------------- */


		var prev_nb_people = 0;
		$(function(){
			
			//to add or remove dropdowns from the personal info fieldset
			$("#nb_people")
			.change( function() {
				displayAgeRangeDropdowns(this.value);
			});
			
			//show of display the services if curr_provider != "none"
			$("#curr_provider")
			.bind("change", function () {
				if (this.value != "none") {
					$("#services_wrapper").show();
				} else {
					$("#services_wrapper").hide();
				}
			});

			
		});
		
		
		function displayAgeRangeDropdowns(nb) {
		    
		    if (nb == 0) {
				$("#agerange_wrapper").hide();
		    } else {
				$("#agerange_wrapper").show();
			}
		    
		    
			var i = 0;
			if (prev_nb_people < nb) {
			    
				for (i = prev_nb_people + 1;i <= nb;i++) {
					$("#ageranges").append("<select class=\"select_pinfo\" name=\"agerange\" id=\"agerange_" + i +"\" class=\"agerange\">"
						+ "<option value=\"\">Select...</option>"
						+ "<option value=\"0-14\">0 to 14</option>"
						+ "<option value=\"15-19\">15 to 19</option>"
						+ "<option value=\"20-24\">20 to 24</option>"
						+ "<option value=\"25-29\">25 to 29</option>"
						+ "<option value=\"30-34\">30 to 34</option>"
						+ "<option value=\"35-39\">35 to 39</option>"
						+ "<option value=\"40-44\">40 to 44</option>"
						+ "<option value=\"45-49\">45 to 49</option>"
						+ "<option value=\"50-54\">50 to 54</option>"
						+ "<option value=\"55-59\">55 to 59</option>"
						+ "<option value=\"60-64\">60 to 64</option>"
						+ "<option value=\"65-69\">65 to 69</option>"
						+ "<option value=\"70-74\">70 to 74</option>"
						+ "<option value=\"75-\">75 and over</option>"
					+ "</select>");
				}
			} else {
				for (i = prev_nb_people;i > nb;i--) {
					//alert("del nb " + i);
					$("#agerange_"+i).remove();
				}
			}
			prev_nb_people = parseInt(nb);
		}
