var listMessages = {
    "1" : 'Kiest u het andere formulier a.u.b.'
}

var hoverColor = '#e6f1ff';    
var heightBox = 24;

$(document).ready(function() {

    //
    // Set background colors on mouseover and mouseout for class rowForm
    //
    WawFormEffects.setBackgroundEffects('rowForm', '#ffffff', hoverColor );
    
    WawFormEffects.show(1,heightBox);

   // Reeds klant?
    WawFormEffects.addEventSelect( 'client', function( optionValue ){
        if( optionValue.toLowerCase() == 'ja' ) {
        WawFormEffects.show(1,heightBox);
        WawFormEffects.hideErrorMsg('frmRowId2');
        }
        else {
        WawFormEffects.hide(1);
        WawFormEffects.showErrorMsg('frmRowId2', listMessages["1"], "#feffc3" );
        }
    });
    // Klant nr.
    WawFormEffects.addEventText( 'Klantnr', 'focus', function(){
        WawFormEffects.show(2,heightBox);
        WawFormEffects.setBackgroundColor(1,hoverColor);
    });
    // volledige naam
    WawFormEffects.addEventText( 'volledigenaam', 'focus', function(){
        WawFormEffects.show(3,heightBox);
        WawFormEffects.setBackgroundColor(2,hoverColor);
    });
    // E-mailadres
    WawFormEffects.addEventText( 'emailbevestiging', 'focus', function(){
        WawFormEffects.show(4,heightBox);
        WawFormEffects.setBackgroundColor(3,hoverColor);
    });
   // Auto met chauffeur?
    WawFormEffects.addEventSelect( 'autochauffeur', function( optionValue ){
        WawFormEffects.show(5,heightBox);
    });
    // Datum rit
    WawFormEffects.addEventText( 'datum-rit', 'focus', function(){
        WawFormEffects.show(6,heightBox);
        WawFormEffects.setBackgroundColor(5,hoverColor);
    });
    // Starttijd
    WawFormEffects.addEventText( 'Starttijd', 'focus', function(){
        WawFormEffects.show(7,110);
        WawFormEffects.setBackgroundColor(6,hoverColor);
    });
    // Beginpunt adres
    WawFormEffects.addEventText( 'beginpuntadres', 'focus', function(){
        WawFormEffects.show(8,110);
        WawFormEffects.setBackgroundColor(7,hoverColor);
    });    
    // 1e bestemming adres
    WawFormEffects.addEventText( '1ebestemming', 'focus', function(){
        WawFormEffects.show(9,heightBox);
        WawFormEffects.setBackgroundColor(8,hoverColor);
    });       
    // Vertrektijd
    WawFormEffects.addEventText( 'vertrektijd1', 'focus', function(){
        WawFormEffects.show(10,heightBox);
        WawFormEffects.setBackgroundColor(9,hoverColor);
    });  
   // Meerdere bestemmingen?
    WawFormEffects.addEventSelect( 'details274', function( optionValue ){
        if( optionValue.toLowerCase() == 'ja, ik heb meerdere bestemmingen' ) {
        WawFormEffects.show(11,110);
        }
        else {
        WawFormEffects.show(19,110);
        }
    });       
    // 2e bestemming adres
    WawFormEffects.addEventText( '2ebestemming', 'focus', function(){
        WawFormEffects.show(12,heightBox);
        WawFormEffects.setBackgroundColor(11,hoverColor);
    });       
    // Vertrektijd
    WawFormEffects.addEventText( 'Vertrektijd2', 'focus', function(){
        WawFormEffects.show(13,110);
        WawFormEffects.setBackgroundColor(12,hoverColor);
    });      
    // 3e bestemming adres
    WawFormEffects.addEventText( '3ebestemming', 'focus', function(){
        WawFormEffects.show(14,heightBox);
        WawFormEffects.setBackgroundColor(13,hoverColor);
    });       
    // Vertrektijd
    WawFormEffects.addEventText( 'Vertrektijd3', 'focus', function(){
        WawFormEffects.show(15,110);
        WawFormEffects.setBackgroundColor(14,hoverColor);
    });         
    // 4e bestemming adres
    WawFormEffects.addEventText( '4ebestemming', 'focus', function(){
        WawFormEffects.show(16,heightBox);
        WawFormEffects.setBackgroundColor(15,hoverColor);
    });       
    // Vertrektijd
    WawFormEffects.addEventText( 'Vertrektijd4', 'focus', function(){
        WawFormEffects.show(17,110);
        WawFormEffects.setBackgroundColor(16,hoverColor);
    });        
    // 5e bestemming adres
    WawFormEffects.addEventText( '5ebestemming', 'focus', function(){
        WawFormEffects.show(18,heightBox);
        WawFormEffects.setBackgroundColor(17,hoverColor);
    });       
    // Vertrektijd
    WawFormEffects.addEventText( 'Vertrektijd5', 'focus', function(){
        WawFormEffects.show(19,110);
        WawFormEffects.setBackgroundColor(18,hoverColor);
    });      
    // Eindpunt adres
    WawFormEffects.addEventText( 'Eindpuntadres', 'focus', function(){
        WawFormEffects.show(20,heightBox);
        WawFormEffects.setBackgroundColor(19,hoverColor);
    });         
    // Eindtijd
    WawFormEffects.addEventText( 'Eindtijd-indicatie', 'focus', function(){
        WawFormEffects.show(21,60);
        WawFormEffects.setBackgroundColor(20,hoverColor);
    });      
    // Voorkeur chauffeur
    WawFormEffects.addEventText( 'voorkeur-chauffeur', 'focus', function(){
        WawFormEffects.show(22,110);
        WawFormEffects.setBackgroundColor(21,hoverColor);
    });          
    // Overige opmerkingen
    WawFormEffects.addEventText( 'overige-vragen-opmerkingen', 'focus', function(){
        var elmButton = document.getElementById('submitButtons');
        elmButton.style.visibility = 'visible';       
    });   
    
});