/*****************************************
** Used with 1 div. This activates it.	**
** Currently used by: N/A				**
*****************************************/
function toggle_on_div(div_name)
{
	document.getElementById(div_name).style.display = "block";
}

/*********************************************
** Used with 1 div. This deactivates it.	**
** Currently used by: N/A					**
*********************************************/
function toggle_off_div(div_name)
{
	document.getElementById(div_name).style.display = "none";
}


/*********************************************************
** Used with 1 div. This ACTIVATES OR DEACTIVATES it.	**
** Currently used by: N/A				            	**
*********************************************************/
function toggle_div(div_id) 
{	
 	if (document.getElementById(div_id).style.display == 'none') 
	{  
		document.getElementById(div_id).style.display = 'block';				
    }
	else 
	{
		document.getElementById(div_id).style.display = 'none';		
	}
}


/*********************************************************************************
** Used with 1 div. This activates it if inactive, deactivates it if active.	**
** Currently used by: Accounts (account type community board moderator)			**
*********************************************************************************/
function toggle_checkbox_div(div_name)
{
	if(document.getElementById(div_name).style.display == "none")
	{
		document.getElementById(div_name).style.display = "block";
	}
	else
	{
		document.getElementById(div_name).style.display = "none";
	}
}


/*************************************************************************
** Used with 2 divs. This deactivates one when the other is activated.	**
** Currently used by: Ajax dynamic drop-down							**
*************************************************************************/
function toggle_on_div_toggle_off_other(div_name,other_div)
{
   document.getElementById(div_name).style.display = "block";
   
   if(document.getElementById(other_div).style.display == "block")
   {
	   document.getElementById(other_div).style.display = "none";
   }
}


/*****************************************************************************
** Used with 1 div. This displays or hides a div based on a specific value.	**
** Currently used by: edit include                    				     	**
*****************************************************************************/
function toggle_div_based_on_value(curr_div,target_div,base_value)
{	
	if (document.getElementById(curr_div).value == base_value) 
	{  
		if (document.getElementById(target_div).style.display == 'none') 
		{  
			document.getElementById(target_div).style.display = 'block';				
		}
	}
	else 
	{
		if (document.getElementById(target_div).style.display == 'block') 
		{  
			document.getElementById(target_div).style.display = 'none';				
		}
	}
}


/*************************************************************************
** Used with 2 divs. This deactivates one div and activates another.	**
** Currently used by: Exercise Tracker Date Range						**
*************************************************************************/
function toggle_method_div(element_name,div_first_name,div_second_name)
{
   var element_value = document.getElementById(element_name).value;
   var element_div = element_value+'_div';
   
   if(element_value)
   {
	   if(element_div == div_first_name)
	   {
		   document.getElementById(div_second_name).style.display = "none";
	   }
	   if(element_div == div_second_name)
	   {
		   document.getElementById(div_first_name).style.display = "none";
	   }
	   
	   document.getElementById(element_div).style.display = "block";
   }
   else
   { 
	   document.getElementById(div_first_name).style.display = "none";
	   document.getElementById(div_second_name).style.display = "none";
   }
}


/*********************************************************************************
** Used with > 2 divs. This deactivates all other divs when one is activated.	**
** Currently used by: Form Elements												**
*********************************************************************************/
function toggle_on_div_toggle_off_others(div_count,type_num,div_id)
{
   for (i = 0; i < div_count; i++)
   {
	   var increment = i + 1;
	   
	   if(increment == type_num)
	   {
		   document.getElementById(div_id+'_div_'+increment).style.display = "block";
	   }
	   else
	   {
		   document.getElementById(div_id+'_div_'+increment).style.display = "none";
	   }
   }
}



/*********************************************************************************
** 	used with a radio group. 													**
*********************************************************************************/
function toggle_on_div_toggle_off_others_radio_group(toggle_controller,div_count,div_id)
{
	var increment = 0;
	var element_value = document.getElementById(toggle_controller).value;
	
	for (i = 0; i < div_count; i++)
	{
		increment = i + 1;
				
		if(increment == element_value)
		{
		   document.getElementById(div_id+'_'+increment).style.display = "block";
		}
		else
		{
		   document.getElementById(div_id+'_'+increment).style.display = "none";
		}
	}
}



/*********************************************************************************
** 	used with a boolean switch (yes/no || true/false) drop down. Yes is one div, 
	false is the other div 														**
*********************************************************************************/
function toggle_boolean_two_div_switch(toggle_controller,div_true,div_false)
{
	var element_value = document.getElementById(toggle_controller).value;
	
	if(element_value == 'true' || element_value == 'Yes')
	{
		document.getElementById(div_true).style.display = "block";
		document.getElementById(div_false).style.display = "none";
	}
	else if(element_value == 'false' || element_value == 'No')
	{
		document.getElementById(div_true).style.display = "none";
		document.getElementById(div_false).style.display = "block";
	}
	else
	{
		document.getElementById(div_true).style.display = "none";
		document.getElementById(div_false).style.display = "none";
	}
}



/*********************************************************************************
** Used with > 2 divs. This deactivates all other divs when one is activated.	**
*********************************************************************************/
function toggle_on_div_toggle_off_remaining(toggle_controller,div_count,div_id)
{
   for (i = 0; i < div_count; i++)
   {
	   var increment = i + 1;
	   var curr_div = document.getElementById(toggle_controller).value;
	   
	   var curr_div_array = curr_div.split("~");
	   var curr_div_num = curr_div_array[1];
	   
	   if(increment == curr_div_num)
	   {
		   document.getElementById(div_id+'_div_'+increment).style.display = "block";
	   }
	   else
	   {
		   document.getElementById(div_id+'_div_'+increment).style.display = "none";
	   }
   }
}


function toggle_multi_divs_with_img_switch(current_i,div_count,div_prefix,img_div_close,img_div_open)
{
   for (i_new = 0; i_new < div_count; i_new++)
   {  	
		if(document.getElementById(div_prefix+'_'+i_new) == document.getElementById(div_prefix+'_'+current_i))
		{
			document.getElementById(div_prefix+'_'+i_new).style.display 	= "block";
			document.getElementById(img_div_close+'_'+i_new).style.display 	= "block";
			document.getElementById(img_div_open+'_'+i_new).style.display 	= "none";
		}
		else
		{
			document.getElementById(div_prefix+'_'+i_new).style.display 	= "none";
			document.getElementById(img_div_close+'_'+i_new).style.display 	= "none";
			document.getElementById(img_div_open+'_'+i_new).style.display 	= "block";
		}
	}
}


function toggle_div_dropdown_other_option(div_name,drop_down,trigger_value)
{
	if (document.getElementById(drop_down).value == trigger_value)
	{
		if (document.getElementById(div_name).style.display == 'none') 
		{  
			document.getElementById(div_name).style.display = 'block';				
		}
		else 
		{
			document.getElementById(div_name).style.display = 'none';		
		}
	}
	else 
	{
		document.getElementById(div_name).style.display = 'none';		
	}
}


/*********************************************************************************
** Used with > 2 divs. this will ajax in the content 							**
*********************************************************************************/
function ajax_toggle_div(site_url,module_dir,curr_module_id,replace_page_id,replace_div)
{
	xmlHttp = GetXmlHttpObject();
	
	if(xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 
			
	var from = "ajax"; 

	var url = site_url+"/"+module_dir+"/"+curr_module_id+"/assets/php/"+replace_page_id+".php";
	url = url+"?from=ajax";
	url = url+"&sid="+Math.random();
	//prompt("",url);
  	
	xmlHttp.onreadystatechange = function()
	{
		if(xmlHttp.readyState == 4)
		{ 
			var result = xmlHttp.responseText;
			document.getElementById(replace_div).innerHTML = result;   
			return;
		}
	}
	
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}