/*****************************************
** 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 > 2 divs. This deactivates all other divs when one is activated.	**
** Currently used by: Resources (resource_type_num)								**
*********************************************************************************/
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';		
	}
}