function AjaxForm( sInterfaceURL, sFeedbackElementID, sBodyBusyClass )
{
    this.init( sInterfaceURL, sFeedbackElementID, sBodyBusyClass );

    window[ ( this._self = "$_AjaxFormObject" ) ] = this;
};
AjaxForm.prototype.init = function( sInterfaceURL, sFeedbackElementID, sBodyBusyClass )
{
    this._busyclass       = sBodyBusyClass || false;
    this._interface       = sInterfaceURL || "/rpc.php";
    this._centralfeedback = typeof sFeedbackElementID == "string" && sFeedbackElementID != "";
    if ( this._centralfeedback )
        this._feedbackelementid = sFeedbackElementID
    this.initAjaxForm();
};
AjaxForm.prototype.initAjaxForm = function()
{
    this._form = document.getElementsByTagName( "form" );
    if ( this._form )
        for ( var i = 0; i < this._form.length; ++i )
        {
            oParsedURL = parseURL( this._form[ i ].getAttribute( "action" ) );
            bAddSubmitHandler = !( oParsedURL.hostname != "" && oParsedURL.hostname != document.domain);
            for ( var j = 0 ; j < this._form[ i ].childNodes.length; ++j )
            {
                if ( this._form[ i ].childNodes[ j ].nodeType == 1 && this._form[ i ].childNodes[ j ].nodeName.toLowerCase() == "input" && this._form[ i ].childNodes[ j ].getAttribute( "name" ) == "interfaceprocessor" )
                {
                    if ( this._form[ i ].childNodes[ j ].getAttribute( "value" ) == "force" )
                        bAddSubmitHandler = true;
                    if ( this._form[ i ].childNodes[ j ].getAttribute( "value" ) == "ignore" )
                        bAddSubmitHandler = false;
                }
            }
            
            if ( bAddSubmitHandler )
            {
                this._form[ i ]._parent  = this;
                this._form[ i ].onsubmit = this._submitHandler;
            }
        }
};
AjaxForm.prototype._submitHandler = function()
{
    this._parent.submitHandler( this );
    return false;
};
AjaxForm.prototype.submitHandler = function( oForm )
{
    if ( this._busyclass )
        oForm.parentNode.parentNode.className += ( " " + this._busyclass );

    if ( oForm._feedback )
    {
        oForm._feedback.className = "feedback";
        oForm._feedback.innerHTML = "";
    }

    var oVariable = new Object();
    var aInput    = oForm.getElementsByTagName( "input" );
    var aSelect   = oForm.getElementsByTagName( "select" );
    var aTextarea = oForm.getElementsByTagName( "textarea" );

    if ( aInput )
        for ( var i = 0;i < aInput.length; ++i )
            if ( aInput[ i ].name != "" )
                switch( aInput[ i ].type )
                {
                    case "checkbox":
                    case "radio":
                        if ( aInput[ i ].checked )
                            oVariable[ aInput[ i ].name ] = aInput[ i ].value || "on";
                        break;
                    case "submit":
                    case "button":
                    case "image":
                        break;
                    default:
                        oVariable[ aInput[ i ].name ] = aInput[ i ].value;
                        break;
                }

    if ( aSelect )
        for ( var i = 0;i < aSelect.length; ++i )
            if ( aSelect[ i ].name != "" )
                oVariable[ aSelect[ i ].name ] = aSelect[ i ][ aSelect[ i ].selectedIndex ].value;

    if ( aTextarea )
        for ( var i = 0;i < aTextarea.length; ++i )
            if ( aTextarea[ i ].name != "" )
                oVariable[ aTextarea[ i ].name ] = aTextarea[ i ].value;

    if ( typeof oVariable.command == "undefined" || oVariable.command == "" )
        oVariable.command = oForm.id || ( typeof oForm.name == "string" ? oForm.name : "" );

    if ( oVariable.command == "" )
    {
        alert( "Implementatiefout: Geen input.name=command of form.id gezet!" );
        return false;
    }

    var oXML     = new klib3.xml();
    oXML._form   = oForm;
    oXML._parent = this;
    if ( typeof this.onload == "function" )
    {
        oXML.onload = this.onload;
    }
    else
    {
        if ( this._centralfeedback )
            oXML._form._feedback = document.getElementById( this._feedbackelementid + oForm.id );

        oXML.onload  = function()
        {
            var oStatus = new Status( this );

            if ( this._parent._busyclass )
                this._form.parentNode.parentNode.className = this._form.parentNode.parentNode.className.replace( new RegExp( this._parent._busyclass, "gi" ), "" );

            if ( !this._form._feedback )
            {
                this._form._feedback = document.createElement( "div" );
                this._form.parentNode.insertBefore( this._form._feedback, this._form );
            }
            this._form._feedback.className     = "feedback " + ( oStatus.status == "OK" ? "info" : "error" );
            this._form._feedback.innerHTML     = oStatus.message;
            this._form._feedback.style.display = "block";

            if ( oStatus.content && oStatus.content.redirect && oStatus.content.redirect.url && oStatus.content.redirect.url != "" )
            {
                var nTimeout = oStatus.content.redirect.timeout ? parseInt( oStatus.content.redirect.timeout ) : 1500;
                if ( nTimeout <= 0 )
                    document.location = oStatus.content.redirect.url;
                else
                    setTimeout( "document.location='" + oStatus.content.redirect.url + "';", nTimeout );
            }
            else if ( oStatus.content && oStatus.content.callback && oStatus.content.callback.action && oStatus.content.callback.action != "" )
            {
                var nTimeout = oStatus.content.callback.timeout ? parseInt( oStatus.content.callback.timeout ) : 1500;
                if ( nTimeout <= 0 )
                    eval(oStatus.content.callback.action);
                else
                    setTimeout( oStatus.content.callback.action, nTimeout );
            }
            else if ( oStatus.content )
            {
                // create a hashtable so we can refer to eratic fields faster
                var oErratic = new Object();
                for ( var p in oStatus.content )
                {
                    oErratic[ oStatus.content[ p ].fieldname ] = oStatus.content[ p ].message || "";
                }
                
                //  walk through the various form fields (the current form only) and mark eratic fields as... well eratic
                var aInput = this._form.getElementsByTagName( "input" );
                for ( var i = 0; i < aInput.length; ++i )
                    switch( aInput[ i ].type )
                    {
                        case "checkbox":
                        case "radio":
                            if ( typeof oErratic[ aInput[ i ].name ] == "string" )
                                aInput[ i ].parentNode.className = ( aInput[ i ].parentNode.className != "" ? aInput[ i ].parentNode.className + " " : "" ) + "formerror";
                            else
                                aInput[ i ].parentNode.className = aInput[ i ].parentNode.className.replace( /formerror/gi, "" );
                            break;
                        default:
                            if ( typeof oErratic[ aInput[ i ].name ] == "string" )
                                aInput[ i ].className = ( aInput[ i ].className != "" ? aInput[ i ].className + " " : "" ) + "formerror";
                            else
                                aInput[ i ].className = aInput[ i ].className.replace( /formerror/gi, "" );
                            break;
                    }
                var aInput = this._form.getElementsByTagName( "textarea" );
                for ( var i = 0; i < aInput.length; ++i )
                    if ( typeof oErratic[ aInput[ i ].name ] == "string" )
                        aInput[ i ].className = ( aInput[ i ].className != "" ? aInput[ i ].className + " " : "" ) + "formerror";
                    else
                        aInput[ i ].className = aInput[ i ].className.replace( /formerror/gi, "" );
                var aInput = this._form.getElementsByTagName( "select" );
                for ( var i = 0; i < aInput.length; ++i )
                    if ( typeof oErratic[ aInput[ i ].name ] == "string" )
                        aInput[ i ].parentNode.className = ( aInput[ i ].parentNode.className != "" ? aInput[ i ].parentNode.className + " " : "" ) + "formerror";
                    else
                        aInput[ i ].parentNode.className = aInput[ i ].parentNode.className.replace( /formerror/gi, "" );
            }

        };
    }
    oVariable._format = "xml";
    oXML.post( this._interface, true, oVariable );
};

// Synopsis: [object] = parseURL( string URL );
function parseURL( sURL )
{
    /^((\w+):\/{2,3})?((\w+\.)?\w+\.\w+)(:(\d+))?(\/[^\?#]*)?(\?[^#]+)?(#.+)?/.exec( sURL );
    var nPort     = ( RegExp.$6 || 80 );
    var oReturn   = {
            url:sURL,
            protocol:( RegExp.$2 || "http" ),
            port:nPort,
            hostname:RegExp.$3,
            host:( RegExp.$3 + ( nPort != 80 ? ":" + nPort : "" ) ),
            pathname:RegExp.$7,
            query:RegExp.$8,
            anchor:RegExp.$9
    }
    if ( typeof RegExp.$8 == "string" && RegExp.$8 != "" )
    {
            var aQuery    = RegExp.$8.split( /[?&]/ );
            oReturn.query = {};
            if ( aQuery.length > 0 )
            {
                    for ( var i = 0; i < aQuery.length; ++i )
                            if ( aQuery[ i ].indexOf( "=" ) >= 0 )
                            {
                                    aQuery[ i ] = aQuery[ i ].split( /=/ );
                                    oReturn.query[ aQuery[ i ][ 0 ] ] = aQuery[ i ][ 1 ];
                            }
            }
    }
    return oReturn;
}

// show an error
function showError(sError)
{
    document.getElementById("message").style.display = "block";
    document.getElementById("error").innerHTML = sError;
}

// show a message
function showMessage(sMessage)
{
    document.getElementById("message").className         = "feedback info";
    document.getElementById("message").style.display     = "block";
    document.getElementById("message").innerHTML         = sMessage;
}


// show a message
function showRemoveMessage( iId, sName)
{
    document.getElementById("message").className         = "feedback error";
    document.getElementById("message").style.display     = "block";
    var sMessage = "Weet je zeker dat je "+sName+" wilt verwijderen? <a href='/removeitem.php?id="+iId+"'>Ja</a> / <a href='#' onclick='hideMessage()'>Nee</a>";
    document.getElementById("message").innerHTML         = sMessage;
    return true;
}

function hideMessage()
{
    document.getElementById("message").innerHTML     = "";
}


// 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 " + ( this._parent._input.offsetHeight * -1 ) + "px";
};

ButtonState.prototype.__mouseout = function()
{
    this._parent._input.style.backgroundPosition = "0px " + ( this._parent._input.offsetHeight * -2 ) + "px";
};

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

ButtonState.prototype.__mouseclick = function()
{
    this._parent._input.style.backgroundPosition = "0px " + ( this._parent._input.offsetHeight * -2 ) + "px";
};

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 optoutCheck()
{
    oOptoutform = document.getElementById("optoutform");
    aCheckboxes = oOptoutform.getElementsByTagName("input");
    bShowreason = false;
    for(var i=0; i<aCheckboxes.length; i++ )
    {
        if(aCheckboxes[i].name == "optout" || aCheckboxes[i].name == "partner" || aCheckboxes[i].name == "enquete" )
        {
            if(!aCheckboxes[i].checked)
                bShowreason = true;
        }
    }
    if( bShowreason )
        document.getElementById("reason").style.display = 'block';
    else
        document.getElementById("reason").style.display = 'none';
}