// radio_revealers
// ---------------
// This loops through a result set and applies show/hide behavior
// to individual groups of radio buttons.
//    Assume this markup:
//       <label><input name="identifier" /><label>
//       <div class="hidden identifier"></div>
jQuery.fn.radio_revealers = function(identifier){
	var container = jQuery(this);
	var radios = jQuery("input:radio[name="+identifier+"]",container);

	// Initial check and click event handler.
	check_radios();
	radios.click(check_radios);

	function check_radios(){
		jQuery("div."+identifier+".hidden",container).hide();
		radios.each(function(){
			var radio = jQuery(this);
			var parent_next = radio.parent().next();
			if(parent_next.is("div."+identifier+".hidden") && radio.is(":checked")){
				parent_next.show();
			}
		});
	}
}

// This simple show and hide function toggles the 
// display of text box with extra information.
jQuery.fn.show_and_hide = function(){	
	var show_me = $j(".show_field", $j(this));
	var hide_me = $j(".hide_field", $j(this));
	var content = $j(".content_box", $j(this));
	var show_more = $j(".show_more", $j(this));
	var sub = $j(".content_box_subtxt", $j(this));

	hide_me.hide();
	$j(".content_box").hide();
	$j('p.non_JS_title').hide();

	$j(show_me).click( function(){
		hide_me.show();
		show_more.show();
		content.show();
		sub.hide();
		show_me.hide();
		return false;
	});

	$j(show_more).click( function(){
		show_more.hide();
		sub.show();
		return false;
	});

	$j(hide_me).click(function(){
		content.hide();
		hide_me.hide();
		show_me.show();
		return false;
	});
}
	

// jQuery Ready Event
// ------------------
$j(document).ready(function(){
	$j("div.radio_revealer").radio_revealers("send_time");
	// Toggle the optional numbers display for send text messsage field
	$j('.numbers').show_and_hide();
	
	// Initialize autotab on forms
	// ---------------------------
	// (not a spec - example init)
	$j('#phone_area').autotab({ target: 'phone_prefix', format: 'numeric' });
	$j('#phone_prefix').autotab({ target: 'phone_suffix', format: 'numeric' });
	
	$j('#phone_area_1').autotab({ target: 'phone_prefix_1', format: 'numeric' });
	$j('#phone_prefix_1').autotab({ target: 'phone_suffix_1', format: 'numeric' });
	
	$j('#phone_area_2').autotab({ target: 'phone_prefix_2', format: 'numeric' });
	$j('#phone_prefix_2').autotab({ target: 'phone_suffix_2', format: 'numeric' });
	
	$j('#phone_area_3').autotab({ target: 'phone_prefix_3', format: 'numeric' });
	$j('#phone_prefix_3').autotab({ target: 'phone_suffix_3', format: 'numeric' });
	
	$j('#phone_area_4').autotab({ target: 'phone_prefix_4', format: 'numeric' });
	$j('#phone_prefix_4').autotab({ target: 'phone_suffix_4', format: 'numeric' });
	
	$j('#phone_area_5').autotab({ target: 'phone_prefix_5', format: 'numeric' });
	$j('#phone_prefix_5').autotab({ target: 'phone_suffix_5', format: 'numeric' });
	
	$j('#phone_area_6').autotab({ target: 'phone_prefix_6', format: 'numeric' });
	$j('#phone_prefix_6').autotab({ target: 'phone_suffix_6', format: 'numeric' });
	
	$j('#phone_area_7').autotab({ target: 'phone_prefix_7', format: 'numeric' });
	$j('#phone_prefix_7').autotab({ target: 'phone_suffix_7', format: 'numeric' });
	
	$j('#phone_area_8').autotab({ target: 'phone_prefix_8', format: 'numeric' });
	$j('#phone_prefix_8').autotab({ target: 'phone_suffix_8', format: 'numeric' });
	
	$j('#phone_area_9').autotab({ target: 'phone_prefix_9', format: 'numeric' });
	$j('#phone_prefix_9').autotab({ target: 'phone_suffix_9', format: 'numeric' });
	
	$j('#phone_area_10').autotab({ target: 'phone_prefix_10', format: 'numeric' });
	$j('#phone_prefix_10').autotab({ target: 'phone_suffix_10', format: 'numeric' });
	//$j('#phone_suffix').autotab({ target: 'phone_area_1', format: 'numeric' });
	//++
	/*
	$j("div.whats_this_tooltip_tm").hide();
	$j("a.whats_this_tm").click(function(){
		$j("div.whats_this_tooltip_tm").show();
	});
	*/
	// Tooltip "close" button.
	$j("div.whats_this_tooltip_tm a.close").click(function(){
		$j(this).parents().find("div.whats_this_tooltip_tm").hide();
		return false;
	});
	
	// What's This? Click Handler
	$j("a.whats_this_tm").click(function(){
	  if($j(this).next().hasClass("whats_this_tooltip_tm")){
	   var whats_this_tooltip = $j(this).next();
	   // Hide any other tooltips first.
	   $j("div.whats_this_tooltip_tm").hide();
	   $j(this).next().show();
	   // Calculate where to position the tooltip.
	   var offset = $j(this).offset();
	   var height = $j(this).next().height();
	   var positionTop = offset.top - height;
	   var width = $j(this).width();
	   var positionLeft = offset.left - 140 + Math.round(width/2);
	   // Set the x,y position of the tooltip.
	   $j(this).next().css("top",positionTop+"px");
	   $j(this).next().css("left",positionLeft+"px");
	   // Clicking on the body closes the tooltip.
	   $j("body").click(function(){
	    $j("div.whats_this_tooltip_tm").hide();
	    $j(this).unbind("click");
	   });
	  } 
	  return false;
	 });
});