/*****************************************

** 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';		

	}

}

function toggle_div_on_fancy(div_id)
{
	$('#'+div_id).show(1000);
}





/*********************************************************************************

** 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';		

	}

}