var listMessages = {
    "1" : 'Kies het andere reserveringsformulier.'
}

var hoverColor = '#e6f1ff';    
var heightBox = 20;

$(document).ready(function() {

    //
    // Set background colors on mouseover and mouseout for class rowForm
    //
    WawFormEffects.setBackgroundEffects('rowForm', '#ffffff', hoverColor );
    
    WawFormEffects.show(0,heightBox);
// Bent u een nieuwe client bij CC?
    WawFormEffects.addEventSelect( 'nieuweclient', function( optionValue ){
        if( optionValue.toLowerCase() == 'ja' ) {
        WawFormEffects.show(1,heightBox);
        WawFormEffects.hideErrorMsg('frmRowId2');
        }
        else {
        WawFormEffects.hide(1);
        WawFormEffects.showErrorMsg('frmRowId2', listMessages["1"], "#feffc3" );
        }
    });   
// Hoe bent u bij ons terecht gekomen?
    WawFormEffects.addEventSelect( 'terechtgekomen', function( optionValue ){
        WawFormEffects.show(2,heightBox);
    });  
// Bedrijfsnaam
    WawFormEffects.addEventText( 'Bedrijfsnaam', 'focus', function(){
        WawFormEffects.show(3,heightBox);
    }); 
// Dhr of Mw?
    WawFormEffects.addEventSelect( 'dhr-mw', function( optionValue ){
        WawFormEffects.show(4,heightBox);
    });
// Volledige naam
    WawFormEffects.addEventText( 'volledige-naam', 'focus', function(){
        WawFormEffects.show(5,heightBox);
    });  
// Mobiel nr klant
    WawFormEffects.addEventText( 'mobielnummer', 'focus', function(){
        WawFormEffects.show(6,heightBox);
    }); 
// Particulier of zakelijk?
    WawFormEffects.addEventSelect( 'particulier', function( optionValue ){
        WawFormEffects.show(7,heightBox);
    }); 
// Merk en type auto
    WawFormEffects.addEventText( 'merk-auto', 'focus', function(){
        WawFormEffects.show(8,heightBox);
    });
// Factuur TAV
    WawFormEffects.addEventText( 'Factuur', 'focus', function(){
        WawFormEffects.show(9,heightBox);
    }); 
// Straat en huisnummer
    WawFormEffects.addEventText( 'straat-en-huisnummer', 'focus', function(){
        WawFormEffects.show(10,heightBox);
    }); 
// Postcode adres
    WawFormEffects.addEventText( 'postcode-adres', 'focus', function(){
        WawFormEffects.show(11,heightBox);
    });
// plaats
    WawFormEffects.addEventText( 'Plaats', 'focus', function(){
        WawFormEffects.show(12,heightBox);
    }); 
// postbus nr
    WawFormEffects.addEventText( 'Postbus', 'focus', function(){
        WawFormEffects.show(13, heightBox);
    });        
// postcode postbus
    WawFormEffects.addEventText( 'postcode-postbus', 'focus', function(){
        WawFormEffects.show(14,heightBox);
    });        
// plaats postbus
    WawFormEffects.addEventText( 'plaats-postbus', 'focus', function(){
        WawFormEffects.show(15,heightBox);
    }); 
// contactpersoon
    WawFormEffects.addEventText( 'Contactpersoon', 'focus', function(){
        WawFormEffects.show(16,heightBox);
    });         
// telefoonnummer
    WawFormEffects.addEventText( 'Telefoonnummer', 'focus', function(){
        WawFormEffects.show(17,heightBox);
    });          
// faxnummer
    WawFormEffects.addEventText( 'Faxnummer', 'focus', function(){
        WawFormEffects.show(18,heightBox);
    });            
// e-mailadres
    WawFormEffects.addEventText( 'email-reservering', 'focus', function(){
        WawFormEffects.show(19,110);
    });         
// Opmerkingen
    WawFormEffects.addEventText( 'Opmerkingen', 'focus', function(){
        WawFormEffects.show(20,80);
    });        
// Betaalmethode
    WawFormEffects.addEventSelect( 'betalingsmethode', function( optionValue ){
        WawFormEffects.show(21,heightBox);
    });     
// Auto met chauffeur?
    WawFormEffects.addEventSelect( 'auto-chauffeur', function( optionValue ){
        WawFormEffects.show(22,heightBox);
    });    
// Datum rit
    WawFormEffects.addEventText( 'Datum-rit', 'focus', function(){
        WawFormEffects.show(23,heightBox);
    });     
// Starttijd
    WawFormEffects.addEventText( 'Starttijd', 'focus', function(){
        WawFormEffects.show(24,110);
    });        
// Beginpunt adres
    WawFormEffects.addEventText( 'Beginpunt-adres', 'focus', function(){
        WawFormEffects.show(25,110);
    });    
// 1e bestemming adres
    WawFormEffects.addEventText( '1ebestemming-adres', 'focus', function(){
        WawFormEffects.show(26,heightBox);
    });        
// vertrektijd (schatting)
    WawFormEffects.addEventText( 'Vertrektijd', 'focus', function(){
        WawFormEffects.show(27,heightBox);
    });      
// Meerdere bestemmingen?
    WawFormEffects.addEventSelect( 'details275', function( optionValue ){
        if( optionValue.toLowerCase() == 'ja, ik heb meerdere bestemmingen' ) {
        WawFormEffects.show(28,110);
        }
        else {
        WawFormEffects.show(36,110);
        }
    });   
// 2e bestemming adres
    WawFormEffects.addEventText( 'textarea bestemming2', 'focus', function(){
        WawFormEffects.show(29,heightBox);
    });          
// vertrektijd (schatting)
    WawFormEffects.addEventText( 'Vertrektijd2', 'focus', function(){
        WawFormEffects.show(30,110);
    });      
// 3e bestemming adres
    WawFormEffects.addEventText( '3ebestemming-adres', 'focus', function(){
        WawFormEffects.show(31,heightBox);
    });               
// vertrektijd (schatting)
    WawFormEffects.addEventText( 'Vertrektijd3', 'focus', function(){
        WawFormEffects.show(32,110);
    });  
// 4e bestemming adres
    WawFormEffects.addEventText( '4ebestemming-adres', 'focus', function(){
        WawFormEffects.show(33,heightBox);
    });
// vertrektijd (schatting)
    WawFormEffects.addEventText( 'Vertrektijd4', 'focus', function(){
        WawFormEffects.show(34,110);
    });
// 5e bestemming adres
    WawFormEffects.addEventText( '5ebestemming-adres', 'focus', function(){
        WawFormEffects.show(35,heightBox);
    });
// vertrektijd (schatting)
    WawFormEffects.addEventText( 'Vertrektijd5', 'focus', function(){
        WawFormEffects.show(36,110);
    });
// Eindpunt adres
    WawFormEffects.addEventText( 'Eindpunt', 'focus', function(){
        WawFormEffects.show(37,heightBox);
    }); 
// Eindtijd indicatie
    WawFormEffects.addEventText( 'Eindtijd5', 'focus', function(){
        WawFormEffects.show(38,110);
    });
// Opmerkingen
    WawFormEffects.addEventText( 'overigevragenopmerking', 'focus', function(){
        var elmButton = document.getElementById('submitButtons');
        elmButton.style.visibility = 'visible';       
    });   
});

