
function restartTest()
{
		var oRestartTestDialog = document.getElementById('restarttestdialog');
		oRestartTestDialog.style.display = 'block';
	
	
//	document.location = '/teststart';
	
}
function ToggleElement( oElement, oTargetElement, bShow )
{
 	var sShowType = bShow ? "displayblock" : "displaynone";
 	document.getElementById( oTargetElement ).className = sShowType;
 	oElement.className = "active"
}


function showQuestion(question)
{
	var oQuestion = document.getElementById( "question_" + question ); 
	var oQuestionInput = document.getElementById( question );
	var oQuestionYES = document.getElementById( question + "_YES" ); 
	var oQuestionNO = document.getElementById( question + "_NO" ); 
	
	if (oQuestion)
	{
		oQuestion.className = 'displayblock';
	}
	if (oQuestionInput)
	{
		oQuestionInput.disabled = false;
	}
	if (oQuestionYES)
	{
		oQuestionYES.disabled = false;
	}
	if (oQuestionNO)
	{
		oQuestionNO.disabled = false;
	}
}

function hideQuestion(question)
{
	var oQuestion = document.getElementById( "question_" + question ); 
	var oQuestionInput = document.getElementById( question ); 
	var oQuestionYES = document.getElementById( question + "_YES" ); 
	var oQuestionNO = document.getElementById( question + "_NO" ); 
	
	if (oQuestion)
	{
		oQuestion.className = 'displaynone';
	}
	if (oQuestionInput)
	{
		oQuestionInput.disabled = true;
	}
	if (oQuestionYES)
	{
		oQuestionYES.disabled = true;
	}
	if (oQuestionNO)
	{
		oQuestionNO.disabled = true;
	}
}

function setHiddenField(fieldId, value)
{
	var oHiddenField = document.getElementById( fieldId );
	if ( oHiddenField )
	{
		oHiddenField.value = value;
	}
}

function closeBox()
{
	setTimeout( 'stopSearchWindow()', 200 ) ;
}

function stopSearchWindow()
{
	document.getElementById( 'searchtextresult' ).style.display = 'none' ;
}


function handleOccupationSearchText( e )
{
	var ENTER		= 13;
	
	var iKeyPressed;
	var sSearch = '';
	
	var oSearch				= document.getElementById( "searchtext" );
	var oFeedback			= document.getElementById( "resulttext" );  
	var oSearchResultFirst	= document.getElementById( "firstsearchresult" ); 
	var oSearchTextResult	= document.getElementById( "searchtextresult" );
	
	if (oSearch)
		sSearch = oSearch.value;
	
	if (sSearch.length >= 3)
	{
		if(window.event) // IE
			iKeyPressed = e.keyCode;
		else if(e.which) // Netscape/Firefox/Opera
			iKeyPressed = e.which;
		else
			iKeyPressed = -1;
		
		if (iKeyPressed == ENTER && oSearchResultFirst )
		{
			setClickResult(oSearchResultFirst.value);
			
		}
		else
		{
			if ( oSearchTextResult )
			{
				oSearchTextResult.style.display = 'block';
			}

			var oXML = new klib3.xml();
			oXML.onload = function()
			{
				onloadOccupationSearchText( oXML.getData() );
			};
			oXML.request( "/rpc.php", "GET", true, {command:"occupationInput", _format:"xml", search:sSearch, resultcount:10} );
		}
	}
	else
	{
		if ( oFeedback )
			oFeedback.innerHTML = ''
			
		if ( oSearchTextResult )
			oSearchTextResult.style.display = 'none';
	}
}

function setClickResult( sSelected )
{
	var oSearch  = document.getElementById( "searchtext" );
	oSearch.value = sSelected;
	
	var oSearchTextResult  = document.getElementById( "searchtextresult" );
	if ( oSearchTextResult )
	{
		oSearchTextResult.style.display = 'none';
	}
}

function onloadOccupationSearchText( oXML )
{
	var oStatus				= parseStatusResult( oXML );

	var oFeedback			= document.getElementById( "resulttext" );
	if ( oStatus )
	{
		if ( oFeedback )
		{
			oFeedback.innerHTML = oStatus.message;
		}
	}
}

function getSiblingByName( oNode, sName )
{
    
    while ( ( oNode.nodeType != 1 || ( oNode.nodeName && oNode.nodeName.toLowerCase() != sName.toLowerCase() ) ) && oNode.nextSibling )
        oNode = oNode.nextSibling;

    if ( oNode.nodeType == 1 && ( oNode.nodeName && oNode.nodeName.toLowerCase() == sName.toLowerCase() ) )
    {   
        return oNode;
    }
    return false;
}

function getNodeValue( oNode )
{
    if ( oNode )
	{
        if ( oNode.nodeType == 3 || oNode.nodeType == 4 )
            return oNode.nodeValue;
        return arguments.callee( oNode.firstChild );
	}
	else
		return "";
}

function parseStatusResult( oDataXML )
{                    
    if ( oDataXML )
    {
        var oReply = getSiblingByName( oDataXML.firstChild, "reply" );
        if ( oReply )
        {
            var sStatus = "error";
            if ( typeof oReply.attributes[ 0 ] != "undefined" && oReply.attributes[ 0 ].name.toLowerCase() == "status" )
                sStatus = oReply.attributes[ 0 ].value;
                
                
            var sMessage = getNodeValue( getSiblingByName( oReply.firstChild, "message" ) );
            var sContent = getNodeValue( getSiblingByName( oReply.firstChild, "content" ) );
            var bStatus  = sStatus == "OK";
            
            return {
                success:bStatus,
                status:sStatus,
                message:unescape( sMessage ),
                content:sContent
            };
        }
    }
    
    return false;
}

function toggleCustomRadio( oImage )
{
    //  Haal de input op die bij de image hoort (op id gelijkenis)
    var oInput   = document.getElementById( oImage.id.replace( /[A-Za-z0-9]+_image/i, "input" ) );
    
    //  Welke waarde gaan we zetten?
    var aValue   = oImage.id.match( /[A-Za-z0-9]+_([A-Za-z0-9]+)_[A-Za-z0-9]+/i );
    var sValue   = "";
    if ( aValue.length > 1 )
        sValue = aValue[ 1 ];
     
    //  Reset de huidige selectie (if any)
    if ( oInput.value != "" )
    {           
        var x = oImage.id.replace( new RegExp( sValue ), oInput.value );
        var oCurrentImage = document.getElementById( oImage.id.replace( new RegExp( sValue ), oInput.value ) );
        oCurrentImage.src = oCurrentImage.src.replace( /_on/, "_off" );
    }

    //  Keer de huidige input value om
    oInput.value = sValue;

    //  Vervang de afbeelding aan de hand van de nieuwe input value

	oImage.src = oImage.src.replace( /_off/, "_on" );//oImage.src.replace( oInput.value == sValue ? /_off/ : /_on/, oInput.value == sValue ? "_on" : "_off" );

	var aId = aValue[0].split( "_" );
	if( aId[0] == "employer" )
	{
		if( aId[1] == 'T' )
			document.getElementById( "question_numberofemployees" ).className = 'formrow displayblock';
		else
			document.getElementById( "question_numberofemployees" ).className = 'displaynone';
	}
}

function toggeltestimonialsdiv(div1,div2,div3)
{
	var oToShow = document.getElementById( div1 );
	var oToHide1 = document.getElementById( div2 );
	var oToHide2 = document.getElementById( div3 );
	
	var oToShowButton = document.getElementById( div1 + '_button');
	var oToHide1Button = document.getElementById( div2 + '_button');
	var oToHide2Button = document.getElementById( div3 + '_button');
	
	if (oToShow && oToHide1 && oToHide2)
	{
		oToShow.className = 'displayblock testimonialstextarea'; 
		oToHide1.className = 'displaynone'; 
		oToHide2.className = 'displaynone'; 
		
		
		oToShowButton.className = 'displaynone'; 
		oToHide1Button.className = 'displayblock'; 
		oToHide2Button.className = 'displayblock'; 
	}
	
}

function closetestimonialsdiv(div)
{
	var oToHide = document.getElementById( div );
	var oToHideButton = document.getElementById( div + '_button');
	if (oToHide)
	{
		oToHide.className = 'displaynone';  
		oToHideButton.className = 'displayblock'; 
	}
}

// handle button states. introduced for wordikrijk
function ButtonState( oInput, bPreserve )
{
	this._input = oInput;
	this._backgroundImage = this._input.style.backgroundImage.substr( 4, ( this._input.style.backgroundImage.length - 5  ) );
	this._preserve = typeof bPreserve != "undefined" && bPreserve;
	
	if ( this._backgroundImage != "" )
	{
		this._input._parent = this;		
		this._input.onmouseover = this.__mouseover;
		this._input.onmousedown = this.__mousedown;
		this._input.onmouseout  = this.__mouseout;
		this._input.onclick     = this.__mouseclick;
	}
};

ButtonState.prototype.__mouseover = function()
{
	this._parent._input.style.backgroundPosition = "0px 29px";
};

ButtonState.prototype.__mouseout = function()
{
	this._parent._input.style.backgroundPosition = "0px 0px";
};

ButtonState.prototype.__mousedown = function()
{
	this._parent._input.style.backgroundPosition = "0px 29px";
};

ButtonState.prototype.__mouseclick = function()
{
	this._parent._input.style.backgroundPosition = "0px 29px";
};

function initButtonState()
{
	var aButton = document.getElementsByTagName( "input" );
	for ( var i = 0; i < aButton.length; ++i )
		if ( aButton[ i ].className.match( /button/ ) )
			new ButtonState( aButton[ i ] );
}

function redirectResult()
{
 	setTimeout( "window.location = '/result'", 4090 );
}

/*  */

function rotateStop()
{
	var oRotateState = document.getElementById('rotateState');
	if (oRotateState)
	{
		oRotateState.value = '0';
	} 
}

function rotateStart()
{
	var oRotateState = document.getElementById('rotateState');
	if (oRotateState)
	{
		oRotateState.value = '1';
	} 
}

function initRotate()
{
	window.setInterval("rotate()", 5000);
}

function rotate()
{
	var oPointer = document.getElementById('pointer');
	var oRotateState = document.getElementById('rotateState'); 
	if (oPointer && oRotateState)
	{
		if (oRotateState.value == 1) 
		{
		
			var iPointer = oPointer.value;
			iPointer++;
			if (iPointer > 5)
			{
				iPointer = 1;
			}
			setToRotateState(iPointer);
		}
	}
}

function setToRotateState(iPointer, bAuto) 
{

	if( bAuto == "" )
		bAuto = true;
		
	var oToHide;
	for (var i = 1; i < 6; ++i) 
	{
		oToHide = document.getElementById( 'risico_' + i );
		oToHide.className = 'displaynone';
		
		var oindicatorbar = document.getElementById('indicatorbar_' + i); 
		oindicatorbar.src = '/media/image/slider/bar_off.png';
	}

	var oDivToShow = document.getElementById( 'risico_' + iPointer );  
	oDivToShow.className = 'displayblock risicotextarea';

	var oBarToShow = document.getElementById( 'indicatorbar_' + iPointer );  
	oBarToShow.src = '/media/image/slider/bar_on.png';
	
	
	var oPointer = document.getElementById('pointer');   
	oPointer.value = iPointer;  
	
	var oRotateState = document.getElementById('rotateState');
	
	if( oRotateState && bAuto )
	{
		oRotateState.value = '0';
	}
}

var bSetStep = true;
function initCalculate()
{   	
 	setInterval("calculate()", 15);	
}

var i=0;
function calculate()
{
 	if( bSetStep ) 
 	{
 		var oDiv = document.getElementById( "calcperc" );
 		var nWidth = parseInt(oDiv.style.width); 
 		var nNewWidth = ( nWidth + 1 ) ;
 		if( nNewWidth <= 271 )
			oDiv.style.width = nNewWidth + 'px';
		else
			bSetStep = false;
	}  
	else
	{
	 	i++
	 	if( i == "1" )
	 		window.location = '/result';
	}
}

function initRotateScreen()
{
	setTimeout("RotateScreen()", 3000);	 
}

var nBGCounter = 1 ;
function RotateScreen()
{
 	var nTimeout = 6000 ;
	switch( nBGCounter )
	{
		case 1 :
			setTimeout( "doFade( 'bg3', 90 )", 40 ) ;
			setTimeout( "doFade( 'bg3', 80 )", 80 ) ;
			setTimeout( "doFade( 'bg3', 60 )", 120 ) ;
			setTimeout( "doFade( 'bg3', 40 )", 160 ) ;
			setTimeout( "doFade( 'bg3', 20 )", 200 ) ;
			setTimeout( "doFade( 'bg3', 0 )" , 240 ) ;
			break ;
		case 2 : 
			setTimeout( "doFade( 'bg2', 90 )", 40 ) ;
			setTimeout( "doFade( 'bg2', 80 )", 80 ) ;
			setTimeout( "doFade( 'bg2', 60 )", 120 ) ;
			setTimeout( "doFade( 'bg2', 40 )", 160 ) ;
			setTimeout( "doFade( 'bg2', 20 )", 200 ) ;
			setTimeout( "doFade( 'bg2', 0 )" , 240 ) ;
			break ;	
		case 3 :
			setTimeout( "doFade( 'bg3', 20 )", 40 ) ;
			setTimeout( "doFade( 'bg3', 40 )", 80 ) ;
			setTimeout( "doFade( 'bg3', 60 )", 120 ) ;
			setTimeout( "doFade( 'bg3', 80 )", 160 ) ;
			setTimeout( "doFade( 'bg3', 90 )", 200 ) ;
			setTimeout( "doFade( 'bg3', 100 )" , 240 ) ;
			setTimeout( "doFade( 'bg2', 100 )" , 300 ) ;
			break ;
			
			
	}
	//alert( nBGCounter ) ;
	nBGCounter++ ;
	if( nBGCounter > 3 ) 
		nBGCounter = 1 ;

	setTimeout( "RotateScreen()", nTimeout ) ;
}

function doFade( sId, nFactor )
{
	var oScreen = document.getElementById( sId ) ;
	oScreen.style.opacity =  nFactor/100 ;
	oScreen.style.filter = "alpha(opacity=" + Math.round( nFactor ) + ")";	
};
