function hideCalendar(elem) {
	$(elem).setStyle({display:'none'})
}

function hideAllCalendars() {
  $$('.scal').invoke('setStyle', {display:'none'})
}

function toggleEffective() {
	if ($('effective_switch').getValue() == 'on') {
		$('effective_on_date').enable();
		$('effective_on_hour').enable();
		$('effective_on_minute').enable();
		$('effective_on_ampm').enable();
		// Reapply the disabled class.
  	$('effective_on_date').removeClassName('disabled');
  	$('effective_on_hour').removeClassName('disabled');
  	$('effective_on_minute').removeClassName('disabled');
  	$('effective_on_ampm').removeClassName('disabled');
	} else {
	  turn_off_effective_on()
	}
}

function turn_off_effective_on() {
	$('effective_on_date').disable();
	$('effective_on_hour').disable();
	$('effective_on_minute').disable();
	$('effective_on_ampm').disable();
	// Reapply the disabled class.
	$('effective_on_date').addClassName('disabled');
	$('effective_on_hour').addClassName('disabled');
	$('effective_on_minute').addClassName('disabled');
	$('effective_on_ampm').addClassName('disabled');
	
	$('effective_switch').checked == false;
}

function addAlertRoute(route_id, name, dir_id) {
  // TODO Refactor this to use ajax so there aren't two versions of the partial
  
  var div = $('route_' + route_id + '_direction_' + dir_id);
  var chosen_id = route_id + '_' + dir_id
  
  if(div.hasClassName('unassociated') && $(chosen_id) && $(chosen_id).visible()) { $(chosen_id).remove() }
  var content = '';
  var link = new Element("a")
  var image = new Element("img", {src: "/images/icons/cross.png", title: "Delete directions"})
  var label = new Element("label").insert(link).insert(name)
  link.insert(image)
          
  link.observe("click", function(e){ $(chosen_id).remove(); checkIfAdded(); e.stop(); })
  
  var routeInfo =   {route_id: route_id, dir_id: dir_id}
  
  var contentId =   "alert_route[" + chosen_id + "][turn_by_turn]".interpolate(routeInfo)
  var contentName = "alert_route[" + chosen_id + "][turn_by_turn]".interpolate(routeInfo)
  
  var mapID =   "alert_route[" + chosen_id + "][map]".interpolate(routeInfo)
  var mapName = "alert_route[" + chosen_id + "][map]".interpolate(routeInfo)
  
  var content =     new Element("textarea", {id: contentId, name: contentName, 'class': 'text', cols: '40'})
  var map       =   new Element("textarea", {id: mapID, name: mapName, 'class': 'text short', cols: '40'})
  
  var all_content = new Element('div',{'class':'chosen_route', 'id':chosen_id} )
  
  all_content.insert(label).insert("<p class=\"label\">Turn by Turn Directions</p>").insert(content)
  all_content.insert("<p class=\"label\">Map code</p>").insert(map)
  
  div.removeClassName('unassociated');
  div.addClassName('associated');
  $('selected_routes').insert({top:all_content})
}

function checkIfAdded() {
	$$('.route_result').each(function(e) {
		var div = $('chosen_route_'+e.id.split('_')[1]+'_direction_'+e.id.split('_')[3])

		if (div) {
			if(!e.hasClassName('associated')) e.addClassName('associated') 
			e.removeClassName('unassociated')
		} else {
			if(!e.hasClassName('unassociated')) e.addClassName('unassociated') 
			e.removeClassName('associated')
		}
	})
}