//alert(navigator.appName+' -- '+ navigator.appVersion);
/* List of used colors */
var bgColor1 = '#cea20f';
var bgColor2 = '#c14231';
var bgColor3 = '#e98900';
var bgColor4 = '#3186c1';
var bgColor5 = '#299b5b';
var bgColor6 = '#b4009d';

/**
*	Function to show navigation menu subitems when onMouseover
*	@params sID string DIV id of whom add class name
*/
function showNavigationItems(sID)
{
	$('nav'+sID).addClassName('nav_columns'+sID+'_hover');
	$('nav'+sID+'_top').addClassName('show');
	$('nav'+sID+'_column').addClassName('show');
	$('nav'+sID+'_bottom').addClassName('show');
	
	activateTabButton(sID);
}

/**
*	Function to hide navigation menu subitems when onMouseout
*	@params sID string DIV id of whom remove class name
*/
function hideNavigationItems(sID)
{
	$('nav'+sID).removeClassName('nav_columns'+sID+'_hover');
	$('nav'+sID+'_top').removeClassName('show');
	$('nav'+sID+'_column').removeClassName('show');
	$('nav'+sID+'_bottom').removeClassName('show');
	deActivateTabButton(sID);
}

/**
*	Function to enable as active the tab button
*	@params sID string DIV id of the tab
*/
function activateTabButton(sID)
{
	$('nav'+sID).addClassName('nav_columns'+sID+'_hover');
	$('a_nav'+sID).style.padding				= '0px 5px 0px 5px';
	$('nav_center'+sID).style.color				= '#210c4b';
	$('nav_center'+sID).style.backgroundColor	= '#ffffff';
	$('nav_center'+sID).style.padding			= '0px 1px 0px 1px';
	
}

/**
*	Function to disable the tab button from active status.
*	@params sID string DIV id of the tab to add class name
*/
function deActivateTabButton(sID)
{
	$('nav'+sID).removeClassName('nav_columns'+sID+'_hover');
	$('nav_center'+sID).style.color				= '#ffffff';
	$('nav_center'+sID).style.backgroundColor	= '#210c4b';
	$('nav_center'+sID).style.padding			= '0px 6px 0px 6px';
	$('a_nav'+sID).style.padding				= '0px';
}

/**
 * Make an object's value empty
 *
 * @return void
 */
function reset_field(obj){
	obj.value = "";
}

/**
* Function to enable the reset functionality of the standard default form.
*
* @return void
*/
function resetDefaultForm()
{
   var form = $('defaultForm'); 
   form.reset(); 
}

function togglePopup(sLinkID, sStatus)
{
	oObject = $(sLinkID);
	
	if(sStatus == 'show')
	{
		$('popup_underlayer').toggle();
		$('popup_small').toggle();
		$('body_body').style.overflow = 'hidden';
		if(Element.classNames(oObject)!='active')
		{
			$('popup_underlayer').addClassName('show');
			$('showPopup').addClassName('show');
		}
		else
		{
			$('popup_underlayer').removeClassName('show');
			$('showPopup').removeClassName('show');
		}
	}
	else if(sStatus == 'hide')
	{
		$('popup_underlayer').hide();
		$('popup_small').hide();
		$('showPopup').removeClassName('active');
		$('body_body').style.overflowY = 'auto';
	}
	return false;
}

/**
*	Funciton to automatich submit the sort-selectbox form of TR_Woningbezit module.
*	It simply executes a redirection of the browser to the URI of the selected option item in the selectbox.<b> 
*
*	@param string sFormID ID of the form in the soorting-selectbox.
*/
function executeSort(sFormID)
{
	var oObject = $(sFormID).sort_fields_list;
	var sURI = oObject.options[oObject.selectedIndex].value;
	
	location.href = sURI;
}
