function KentekenWijzig(field)
{
	field.value = field.value.toUpperCase();
	
	if(field.value.length == 2)
	{
		nr = field.name.charAt(field.name.length-1);
		
		if(nr == 1 || nr == 2)
		{
			to = field.name.substr(0,(field.name.length-1))+(parseInt(nr)+1);
			a = document.getElementsByName(to);
			a[0].focus();
		}
	}
}


function toon(id)
{
	obj = getbyid(id);
	
	if (obj)
	{
		obj.style.display = 'block';
	}
}


function verberg(id)
{
	obj = getbyid(id);
	
	if (obj)
	{
		obj.style.display = 'none';
	}
}


function disable(fieldname, on)
{
	fld = getbyid(fieldname);
	if(on)
	{
		fld.disabled=true;
	}
	else
	{
		fld.disabled=false;
	}
}


function addNewAantalpunten (name)
{
	var tab = document.getElementById(name);
	var lastrow = tab.rows.length - 1;
	if (tab){
		var myNewRow = tab.insertRow(lastrow);

		var newTd = document.createElement('td');
		myNewRow.appendChild(newTd);
		newTd.innerHTML = '<input type="text" name="'+name+'_code[]" size="3" maxlength="3" />';

		var newTd = document.createElement('td');
		myNewRow.appendChild(newTd);
		newTd.innerHTML = '<input type="text" name="'+name+'_aantal[]" size="3" maxlength="1" />';

		var newTd = document.createElement('td');
		myNewRow.appendChild(newTd);
		newTd.innerHTML =
		'<input type="text" name="'+name+'_uitleg[]" size="35" maxlength="30" /> <input type="button" class="button" onclick="deleteRow(this)" value="  -  " />';
	}
}



function addNewPunt (name)
{
	var dropdown = document.getElementById('fld_'+name+'_more').innerHTML;
	
	var tab = document.getElementById(name);
	var lastrow = tab.rows.length - 1;
	
	if (tab)
	{
		var myNewRow = tab.insertRow(lastrow);

		var newTd = document.createElement('td');
		myNewRow.appendChild(newTd);
		newTd.innerHTML = dropdown;

		var newTd = document.createElement('td');
		myNewRow.appendChild(newTd);
		newTd.innerHTML = '<input type="text" name="fld_'+name+'_aantal[]" size="3" maxlength="1" />';

		var newTd = document.createElement('td');
		myNewRow.appendChild(newTd);
		newTd.innerHTML = '<input type="button" class="button" onclick="deleteRow(this)" value="  -  "/>';
	}
}


function addNewVrtId(name)
{
	var tab = document.getElementById('aantalvrtids');
	var lastrow = tab.rows.length - 1;
	
	if (tab)
	{
		if(lastrow == 7)
		{
			getbyid('addNewPunten').style.visibility = 'hidden';
		}
		var myNewRow = tab.insertRow(lastrow);

		var newTd = document.createElement('td');
		myNewRow.appendChild(newTd);
		newTd.innerHTML = '<input type="text" name="fld_' + name + '[]" size="25" maxlength="25" value=""/>&nbsp;<input type="button" class="button" style="width:25px;" onclick="deleteVrtRow(this)" value="  -  "/>';
	}
}

function deleteVrtRow(obj)
{
	try
	{
		var row = obj.parentNode.parentNode;
		row.parentNode.removeChild(row);
		getbyid('addNewPunten').style.visibility = 'visible';
	}
	catch(e)
	{
		
	};
}


function addNewAs(name, subtype, tooltipAslast, tooltipSpoorbreedte)
{
	var tab					= document.getElementById(name);
	var currentNumberItems	= tab.rows.length - 2;
	var lastrow				= tab.rows.length - 1;

	
	if (tab && ( ( currentNumberItems + 1 ) <= 6 ) )
	{
		var rowNumber					= currentNumberItems;
		var newRow						= tab.insertRow(lastrow);
		var fieldNamePrefix				= 'fld_';
		var checkboxName				= fieldNamePrefix;
		var checkboxId					= fieldNamePrefix;
		var newTextfieldAslast			= null;
		var newTextfieldSpoorbreedte	= null;
		var newLabelObject				= null;
		var newCheckboxObject			= null;
		var newButtonObject				= null;

		var newTdNumber = document.createElement('td');
		newRow.appendChild(newTdNumber);
		newTdNumber.className = 'nummer';
		newTdNumber.innerHTML = (currentNumberItems + 1);

		var newTdAslast = document.createElement('td');

		newTextfieldAslast				= document.createElement( 'input' );
		newTextfieldAslast.type			= 'text';
		newTextfieldAslast.name			= fieldNamePrefix + name + '[' + rowNumber + '][aslast]';
		newTextfieldAslast.size			= 5;
		newTextfieldAslast.maxLength	= 5;
		newTextfieldAslast.title		= tooltipAslast;
		newTdAslast.appendChild( newTextfieldAslast );

		newRow.appendChild(newTdAslast);


		if ( subtype == 'bedrijfsvoertuig' )
		{	
			var newTdSpoorbreedte = document.createElement('td');
	
			newTextfieldSpoorbreedte			= document.createElement( 'input' );
			newTextfieldSpoorbreedte.type		= 'text';
			newTextfieldSpoorbreedte.name		= fieldNamePrefix + name + '[' + rowNumber + '][spoorbreedte]';
			newTextfieldSpoorbreedte.size		= 4;
			newTextfieldSpoorbreedte.maxLength	= 4;
			newTextfieldSpoorbreedte.title		= tooltipSpoorbreedte;
			newTdSpoorbreedte.appendChild( newTextfieldSpoorbreedte );
	
			newRow.appendChild( newTdSpoorbreedte );
		}
		
		
		var newTdHefAs = document.createElement('td');
		
		checkboxId				+= name + "_hef_as_ind_" . rowNumber;
		newCheckboxObject		= document.createElement('input' );
		newCheckboxObject.type	= 'checkbox';
		newCheckboxObject.id	= checkboxId;
		newCheckboxObject.name	= fieldNamePrefix + name + '[' + rowNumber + '][hef_as_ind]';
		newCheckboxObject.value	= 'J';
		newTdHefAs.appendChild( newCheckboxObject );
		
		newRow.appendChild(newTdHefAs);

		
		var newTdRemoveButton = document.createElement('td');
		newTdRemoveButton.className		= 'tdbutton';
		newRow.appendChild(newTdRemoveButton);
		
		newButtonObject	= document.createElement( 'input' );
		newButtonObject.type			= 'button';
		newButtonObject.className 		= 'button';
		newButtonObject.style.cssText	= 'width:25px;';
		newButtonObject.value			= ' - ';
		newButtonObject.onclick			= new Function( "deleteAs(this, '" + name + "')" );
		newTdRemoveButton.appendChild(newButtonObject);
		
		newTextfieldAslast.focus();		
	}
}


function deleteAs( obj, tableName )
{
	try
	{
		var row = obj.parentNode.parentNode;
		row.parentNode.removeChild(row);
	}
	catch(e)
	{
	};
	
	if ( tableName && document.getElementById( tableName ) )
	{
		var tableObject					= document.getElementById( tableName );
		var rows						= tableObject.getElementsByTagName("tr");
		var numberOfRows				= rows.length - 2;
		var cells						= null;
		var rowNumber					= 0;
		var fieldRowIndex				= 0;
		var numberOfCells				= 0;
		var checkboxId					= "";
		var textboxObjectAslast			= null;
		var textboxObjectSpoorbreedte	= null;
		var hefAsColumn					= 2;
		
		for ( rowNumber = 1; rowNumber <= numberOfRows; rowNumber++ )
		{
			fieldRowIndex = rowNumber - 1;
			
			cells			= rows[ rowNumber ].getElementsByTagName("td");
			numberOfCells	= cells.length;
			
			cells[ 0 ].innerHTML = ( rowNumber );
			
			textboxObjectAslast = cells[1].getElementsByTagName("input");
			textboxObjectAslast[ 0 ].name	= 'fld_' + tableName + '[' + fieldRowIndex + '][aslast]';
			
			if ( numberOfCells == 5 )
			{
				hefAsColumn = 3;
				
				textboxObjectSpoorbreedte = cells[2].getElementsByTagName("input");
				textboxObjectSpoorbreedte[ 0 ].name	= 'fld_' + tableName + '[' + fieldRowIndex + '][spoorbreedte]';
			}
			
			checkboxId	= "fld_"  + tableName + "_hef_as_ind_" . rowNumber;
			
			checkboxObject = cells[ hefAsColumn ].getElementsByTagName("input");
			
			if ( checkboxObject && checkboxObject[ 0 ] && checkboxObject[ 0 ].type == 'checkbox' )
			{	
				checkboxObject[ 0 ].id		= checkboxId;
				checkboxObject[ 0 ].name	=	'fld_' + tableName + '[' + fieldRowIndex + '][hef_as_ind]';
			}
		}
	}
}


function addNewCarrosserieType(name)
{
	var tab = document.getElementById(name);
	var currentNumberItems	= tab.rows.length - 2;
	var lastrow				= tab.rows.length - 1;
	
	if ( tab )
	{
		var rowNumber					= currentNumberItems;
		var newRow						= tab.insertRow(lastrow);
		var fieldNamePrefix				= 'fld_';
		var checkboxName				= fieldNamePrefix;
		var checkboxId					= fieldNamePrefix;
		var newTextfieldType			= null;
		var newButtonObject				= null;

		var newTdNumber = document.createElement('td');
		newRow.appendChild(newTdNumber);
		newTdNumber.className = 'nummer';
		newTdNumber.innerHTML = (currentNumberItems + 1);
		
		
		var newTdType = document.createElement('td');

		newTextfieldType				= document.createElement( 'input' );
		newTextfieldType.type			= 'text';
		newTextfieldType.name			= fieldNamePrefix + name + '[' + rowNumber + '][type]';
		newTextfieldType.size			= 5;
		newTextfieldType.maxLength		= 5;
		//newTextfieldType.title			= tooltipAslast;
		newTdType.appendChild( newTextfieldType );

		newRow.appendChild(newTdType);
		
		
		var newTdRemoveButton = document.createElement('td');
		newTdRemoveButton.className		= 'tdbutton';
		newRow.appendChild(newTdRemoveButton);
		
		newButtonObject	= document.createElement( 'input' );
		newButtonObject.type			= 'button';
		newButtonObject.className 		= 'button';
		newButtonObject.style.cssText	= 'width:25px;';
		newButtonObject.value			= ' - ';
		newButtonObject.onclick			= new Function( "deleteCarrosserieType(this, '" + name + "')" );
		newTdRemoveButton.appendChild(newButtonObject);
		
	}
}


function deleteCarrosserieType( obj, tableName )
{
	try
	{
		var row = obj.parentNode.parentNode;
		row.parentNode.removeChild(row);
	}
	catch(e)
	{
		
	};
	
	if ( tableName && document.getElementById( tableName ) )
	{
		var tableObject			= document.getElementById( tableName );
		var rows				= tableObject.getElementsByTagName("tr");
		var numberOfRows		= rows.length - 2;
		var fieldRowIndex		= 0;
		var cells				= null;
		var rowNumber			= 0;
		var numberOfCells		= 0;
		var textboxObject		= null;
		
		for ( rowNumber = 1; rowNumber <= numberOfRows; rowNumber++ )
		{
			fieldRowIndex	= rowNumber - 1;
			
			cells			= rows[ rowNumber ].getElementsByTagName("td");
			numberOfCells	= cells.length;
			
			cells[ 0 ].innerHTML = ( rowNumber );
			
			textboxObject = cells[1].getElementsByTagName("input");
			textboxObject[ 0 ].name	= 'fld_' + tableName + '[' + fieldRowIndex + '][type]';
		}
	}
}


function deleteRow(obj)
{
	try
	{
		var row = obj.parentNode.parentNode;
		row.parentNode.removeChild(row);
	}
	catch(e)
	{
		
	};
}


function asf_form_focus()
{
	form = getbyid('asf_form');
	for (i = 0; i < form.length; i++) {
		if(form.elements[i].type != "hidden") {
			form.elements[i].focus();
			break;
		}
	}

	remember_fields(form);
}


function remember_fields(form)
{
	//presets uit cookie laden
	//cookie waarden uitlezen
	var nameEQ = "asf_preset=";
	var ca = document.cookie.split(';');
	var cookieval = null;
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);

		if (c.indexOf(nameEQ) == 0)
		{
			cookieval = c.substring(nameEQ.length,c.length);
		}
	}

	//anders string splitten en settings array vullen
	var values = null;
	settings = new Array();
	if(cookieval)
	{
		values = cookieval.split(',');
		for(var i=0;i < values.length;i++)
		{
			var value_vars  = values[i].split(':');
			var value_name  = value_vars[0];
			var value_value = value_vars[1];
			settings[value_name] = value_value;
		}
	}

	//nu velden langs
	for (i = 0; i < form.length; i++) {
		field = form.elements[i];
		if(field.getAttribute('remember') == 1)
		{
			//huidige waarde uit cookie instellen
			if(settings[field.name])
			{
				var preset = settings[field.name];
				for (j = 0; j < field.options.length; j++)
				{
					if(field.options[j].value == preset)
					{
						field.selectedIndex = j;
					}
				}
			}			
			else
			{
				settings[field.name] = '';
			}

			//event voor saven na verandering toevoegen
			field.onchange = change_field;
		}
	}
}


function change_field(e)
{
	var field;
	
	if (!e)
	{	
		var e = window.event;
	}
	
	if (e.target)
	{	
		field = e.target;
	}
	else if (e.srcElement)
	{
		field = e.srcElement;
	}
	
	if (field.nodeType == 3) // defealt Safari bug
	{	
		field = field.parentNode;
	}

	veldnaam = field.name;
	waarde   = field[field.selectedIndex].value;

	var fld = getbyid(veldnaam+'_other_c');
	
	try
	{
		if(waarde == 'other')
		{
			fld.style.display = 'block';
		}
		else
		{
			fld.style.display = 'none';
		}
	}
	catch(err)
	{
		
	}

	//opslaan in cookie
	if(waarde != 'other')
	{
		var value = '';
		for(varname in settings)
		{
			if(varname > '')
			{
				if(varname == veldnaam)
				{
					value += varname + ':' + waarde + ',';
				}
				else
				{
					value += varname + ':' + settings[varname] + ',';
				}
			}
		}

		//string in cookie saven
		var expdate=new Date();
		// cookie is na 10 jaar niet meer geldig
		expdate.setTime(expdate.getTime()+10*365*24*60*60*1000);
		document.cookie = "asf_preset=" + value + "; expires=" + expdate.toGMTString() + "; path=/; domain=a2spdev.nl;";

	}
}



/***********************************************
* Cool DHTML tooltip script II- � Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetfromcursorX=5; //Customize x offset of tooltip
var offsetfromcursorY=12; //Customize y offset of tooltip

var offsetdivfrompointerX=10; //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14; //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>'); //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="/img/arrow2.gif">'); //write out pointer image

var ie=document.all;
var ns6=document.getElementById && !document.all;
var enabletip=false;
if (ie||ns6)
{	
	var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "";
}

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : "";

function ietruebody()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function ddrivetip(thetext, thewidth, thecolor)
{
	if (ns6||ie)
	{
		if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px";
		if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor;
		tipobj.innerHTML=thetext;
		enabletip=true;
		return false;
	}
}

function positiontip(e)
{
	if (enabletip)
	{
		var nondefaultpos=false;
		var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
		var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
		//Find out how close the mouse is to the corner of the window
		var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20;
		var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20;

		var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX;
		var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;

		var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000;

		//if the horizontal distance isn't enough to accomodate the width of the context menu
		if (rightedge<tipobj.offsetWidth)
		{
			//move the horizontal position of the menu to the left by it's width
			tipobj.style.left=curX-tipobj.offsetWidth+"px";
			nondefaultpos=true;
		}
		else if (curX<leftedge)
		{	
			tipobj.style.left="5px";
		}
		else
		{
			//position the horizontal position of the menu where the mouse is positioned
			tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px";
			pointerobj.style.left=curX+offsetfromcursorX+"px";
		}

		//same concept with the vertical position
		if (bottomedge<tipobj.offsetHeight)
		{
			tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px";
			nondefaultpos=true;
		}
		else
		{
			tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px";
			pointerobj.style.top=curY+offsetfromcursorY+"px";
		}
		
		tipobj.style.visibility="visible";
		
		if (!nondefaultpos)
		{
			pointerobj.style.visibility="visible";			
		}	
		else
		{	
			pointerobj.style.visibility="hidden";
		}
	}
}


function hideddrivetip()
{
	if (ns6||ie)
	{
		enabletip=false;
		tipobj.style.visibility="hidden";
		pointerobj.style.visibility="hidden";
		tipobj.style.left="1px";
		tipobj.style.backgroundColor='';
		tipobj.style.width='';
	}
}

document.onmousemove=positiontip;


function addNewPoint(fieldname, id)
{
	var point = dojo.byId('fld_'+fieldname+'_code').value;
	var count = dojo.byId('fld_'+fieldname+'_aantal').value;
	
	var table = dojo.byId('fld_'+fieldname+'_table');
	var row = table.insertRow(table.rows.length-1);
	row.id = 'fld_'+fieldname+'_row_'+id;
	
	var newTd_1 = document.createElement('td');
	row.appendChild(newTd_1);
	newTd_1.innerHTML = point;
	
	var newTd_2 = document.createElement('td');
	row.appendChild(newTd_2);
	newTd_2.innerHTML = count;
	
	var newTd_3 = document.createElement('td');
	row.appendChild(newTd_3);
	newTd_3.innerHTML = '<button id="fld_'+fieldname+'_btn_'+id+'" type="button"/>';
	
	var button = new dijit.form.Button({
		label: "verwijder",
		onClick: function() {
			this.domNode.parentNode.parentNode.style.display = 'none';
		}
	},
	"fld_"+fieldname+"_btn_"+id);
}

