// ---------------------------------------------------------------------------
// Function to remove the error from the screen...
// ---------------------------------------------------------------------------	
function removeError()
{
	error = document.getElementById("error_message");
	error.style.display = "none";
}

// ---------------------------------------------------------------------------
// Function to chech a form, depending on the number of fields given..
// if the check sucseeds the form will be submitted automaticly...
// ---------------------------------------------------------------------------		
function checkForm(formname,fields)
{
	var valid = true;
	var fieldArr = fields.split("|");
	errorObj = document.getElementById('error_message');
	formObj = document.getElementById(formname);
	for(i=0; i< fieldArr.length; i++)
	{
		if(fieldArr[i] != '')
		{
			var field_name = fieldArr[i];
			
			if(obj = formObj.elements[field_name])
			{
				if(obj.value == '')
				{
					obj.style.backgroundColor = "#DAA7A6";
					obj.style.color = "#FFFFFF";
					valid = false;
				}
			}
		}
	}
	if(!valid)
	{
		var message = "U heeft niet alle velden correct ingevuld!";
		var text = errorObj.innerHTML;
		if(text.search(message) == -1)
			errorObj.innerHTML = "<BR><img src='template/images/warning.gif'> "+message+"<BR>"+text;
		errorObj.style.display = "block";
	}
	else
	{
		formObj.submit();
	}
	return valid;
}


// ---------------------------------------------------------------------------
// Function to 
// ---------------------------------------------------------------------------	
function checkAjaxForm(formname,fields,getfields,div)
{
	var valid 		= true;
	var str 			= "";
	var fieldArr 	= fields.split("|");
	errorObj 			= document.getElementById('error_message');
	formObj 			= document.getElementById(formname);
	
	for(i=0; i< fieldArr.length; i++)
	{
		if(fieldArr[i] != '')
		{
			var field_name = fieldArr[i];
			if(obj = formObj.elements[field_name])
			{
				if(obj.value == '')
				{
					obj.style.backgroundColor = "#DAA7A6";
					obj.style.color = "#FFFFFF";
					valid = false;
				} 
			}
		}
	}
	if(!valid)
	{
		var message = "U heeft niet alle velden correct ingevuld!";
		var text = errorObj.innerHTML;
		if(text.search(message) == -1)
			errorObj.innerHTML = "<BR><img src='template/images/warning.gif'> "+message+"<BR>"+text;
			errorObj.style.display = "block";
	}
	else
	{
			var fieldArr  = getfields.split("|");
			for(i=0; i< fieldArr.length; i++)
			{
				var field_name = fieldArr[i];
				str += fieldArr[i] + '=' + formObj.elements[field_name].value + '&';
			}
		
		myAjaxObj = new ajaxObj(str,div);
		myAjaxObj.GetData();
		
		valid = false;
	}
	return valid;
}

// ---------------------------------------------------------------------------
// Functions to set/clear a tooltip...
// ---------------------------------------------------------------------------	
function setToolTip(tt_name,txt)
{
	if(tt_obj = document.getElementById(tt_name+'_tooltip'))
	{
		tt_obj.className = "tooltip";
		tt_obj.innerHTML = "<p><img src='template/images/warning.gif'>" + txt + "</p>";
	}
}

function clearToolTip(tt_name)
{
	if(tt_obj = document.getElementById(tt_name+'_tooltip'))
	{
		tt_obj.className = "";
		tt_obj.innerHTML = "";
	}
}


// ---------------------------------------------------------------------------
// Function to change to another tab
// ---------------------------------------------------------------------------	
function changeTab(nr)
{
	tabs = document.getElementById('number_of_tabs').value;
	for(i=0; i < tabs; i++)
	{
		tabnr 	= i+1;
		tabpage = document.getElementById('tabpage_'+tabnr);
		tab 		= document.getElementById('tab_'+tabnr);
		if(nr == tabnr)
		{
			tabpage.className = 'tab';
			tab.className     = 'tab_shown';
		}
		else
		{
			tabpage.className = 'tab_inactive';
			tab.className     = 'tab_hidden';
		}
	}
}

// ---------------------------------------------------------------------------
// Function to submit a form
// ---------------------------------------------------------------------------	
function submitForm(formname)
{
	if(formObj = document.getElementById(formname))
	{
		formObj.submit();
	}
	else
	{
		alert("formulier niet gevonden!");
	}
}



// ---------------------------------------------------------------------------
// Function to 
// ---------------------------------------------------------------------------	
function showDiv(divid)
{
	document.getElementById(divid).style.display = 'block';
}

// ---------------------------------------------------------------------------
// Function to 
// ---------------------------------------------------------------------------	
function hideDiv(divid)
{
	document.getElementById(divid).style.display = 'none';
}

// ---------------------------------------------------------------------------
// Function to 
// ---------------------------------------------------------------------------	
function checkKey(vname)
{

}

// ---------------------------------------------------------------------------
// Function to change the color
// ---------------------------------------------------------------------------	
function changeColor(color)
{
	document.getElementById('color_preview').style.backgroundColor = color;
}

// ---------------------------------------------------------------------------
// Function to show message
// ---------------------------------------------------------------------------	
function showMessage()
{
	alert('U kunt dit record niet wijzigen,dit is een globaal record!\nGlobale records zijn alleen te wijzigen door administrator!');
}

function openRooster()
{
	window.open('rooster.php','rooster','width=800,height=600,scrollbars=yes,toolbar=no,location=no');
}

// ---------------------------------------------------------------------
function ajaxObj(params,div)
{
	var xurl = 'doAjax.php?' + params + "&code=123&sid="+ Math.round(Math.random() * 100);
	var xdiv = div;
	
	//alert(xurl);
	
    this.OnSuccess = function()
    {
    	 if(target_div = document.getElementById(xdiv))
    	 {
       		target_div.innerHTML = this.GetResponseText();
       }
       else
       	alert("target div not found!");
    }
    
    this.OnFailure = function()
    {
    	 alert('Er is een fout opgetreden!');    		
    }
    
    this.OnLoading = function()
    {
    			document.getElementById(xdiv).innerHTML = "<div class='ajax_loading'><img src='/template/images/ajax-loader.gif'> Gegevens laden...</div>";
    }

    this.GetData = function()
    {
    	 //alert(xurl);
       this.InitializeRequest('GET', xurl);
       this.Commit(null);
    }
 }
// ---------------------------------------------------------------------



