/*****************************************
** 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 it.	**
** Currently used by: N/A				**
*****************************************/
function toggle_on_off_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 1 div. This ACTIVATES OR DEACTIVATES it.	**
** Currently used by: N/A				            	**
*********************************************************/
function toggle_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 1 div. This displays or hides a div based on a specific value.	**
** Currently used by: Exercise Tracker Activity Dropdown	            	**
*****************************************************************************/
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 
		{
			document.getElementById(target_div).style.display = 'none';
		}
		*/
	}
	else 
	{
		if (document.getElementById(target_div).style.display == 'block') 
		{  
			document.getElementById(target_div).style.display = 'none';				
		}
		/*
		else 
		{
			document.getElementById(target_div).style.display = 'block';
		}
		*/
	}
}
/*************************************************************************
** 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 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";
		   /*
		   // Hard Coded
		   var range_date_diff = document.getElementById('range_date_diff').value;
		   var range_start_time_unix = document.getElementById('curr_time').value;
		   var range_end_time_unix = document.getElementById('tomorrow_time').value;
		   
		   alert(range_start_time_unix);
		   alert(range_end_time_unix);
		   
		   if (range_date_diff == 1)
		   {
				if (document.getElementById('range_grid_date_'+range_start_time_unix).checked && !document.getElementById('range_grid_date_'+range_end_time_unix).checked)
				{
				   document.getElementById(date_range_checkboxes_checked).value = "No";
				}   
		   }
		   else
		   {
				for(i_count = 0; i_count < range_date_diff + 1; i_count++)
				{
					
				}
		   }
		   // End Hard Coded
		   */
	   }
	   
	   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)
{
	//alert(div_count);
	//alert(type_num);
	//alert(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)								**
*********************************************************************************/
//current_i
//div_count
//div_prefix
//img_div_close
//img_div_open


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";
		}
	}
}