var selected_dealer = null;

var postForm = function(){
    
    errs = 0;
    
    $('input.req').each(function(){
        if($(this).val() == ''){
            errs++;
        }else{
           if( 
                $(this).val() == 'voorletters *' || 
                $(this).val() == 'naam *' || 
                $(this).val() == 'straatnaam *' || 
                $(this).val() == 'huisnummer *' || 
                $(this).val() == 'postcode *' || 
                $(this).val() == 'woonplaats *' || 
                $(this).val() == 'telefoon *' || 
                $(this).val() == 'email *'
            ){
               errs++;
           }
        }
    });
    
    $('input[name=post_dealer]').val(selected_dealer);
    //alert(errs);
    if(errs>0){
        alert('Niet alle vereiste velden zijn gevuld.');
        return false;
    }else{
        return true;
    }
}

/** reset input field **/
var reset = function(){
    $(this).val('');
}

var _initLightbox = function (){
    $('#btn_dealers a').fancybox({
        frameHeight: 500,
        frameWidth: 585,
        hideOnContentClick: false,
        centerOnScroll: false,
        callbackOnClose: onClose
    });

}

var onClose = function(){
    
    if (selected_dealer != null){
        $('#btn_dealers').click(function(){return false});
        $('#btn_dealers').addClass('disabled');
        $('#btn_dealers').css('background-image', 'url(css/img/button_disabled.png)');

        str = '';
        arr = selected_dealer.split('|');
        $(arr).each(function(key, val){
            str += val+'\n';
        });
        
                
        $('#dealer_block').val(str);
        $('#bottom_form').css('display', 'block');
        
        $('.transparentbg').height($('#box').outerHeight());
        
        
        //footer_top = parseInt($('#footer').css('top')) + parseInt($('#bottom_form').height());
        $('#footer').css('top', $('#box').outerHeight()+135+'px');
        
        
    }
}

var _initDealerWindow = function(callback){
    //$('dl.dealers dd').remove();
    $('#dealers_window').append($(callback));
}

var setDealer = function (){
    checked = $('.dealer_request input[type=checkbox]:checked');
        if(checked.length == 1){
            selected_dealer = checked.val();
            /** Laatste Stap **/
            $('#step-3').removeClass('not-active');
            /** END **/ 
            $(document).fancybox.close();
        }else{
            alert('U kunt maximaal 1 dealer selecteren');
            return false;
        }
}

var _initForm = function(){

    /** simple form validation **/
    $('#telefoon').blur(function(){
        if($(this).val().length < 10 ){
            alert('Dit is geen geldig telefoonnummer');
            //$(this).focus();
        }
    });
    $('#email').blur(function(){
        if(!isEmail($(this).val())){
            alert('Dit is geen geldig emailadres');
            //$(this).focus();
        }
    });
    $('#leeftijd_cv').blur(function(){
        if(parseInt($(this).val()) < 1 || parseInt($(this).val()) > 20 ){
            alert('U dient een waarde van 1/20 in te voeren.');
        }
    });
    
    $('#koopwoning_0').click(function(){
        if ( $(this).attr('checked') == true ){
            $('#koopwoning_1').attr('checked', false);
        }
    });
    $('#koopwoning_1').click(function(){
        if ( $(this).attr('checked') == true ){
            $('#koopwoning_0').attr('checked', false);
        }
    });    
    
    $('#button_back').click(function(){
        $('#btn_dealers').css('background-image', '');
        $('#bottom_form').css('display','none');
        $('#dealer_block').val('');
        return false;
    });

    $('form').submit(postForm); /** beforeSubmit **/
    $('form input[type=text]').click(reset); /** reset field on click **/
    $('#button_post').click(postForm);
}

var stepCheck = function() {
    errs = 0;    
    
    
    $('input.req').each(function(){
        if($(this).val() == ''){
            errs++;
        }else{
           if( 
                $(this).val() == 'voorletters *' || 
                $(this).val() == 'naam *' || 
                $(this).val() == 'straatnaam *' || 
                $(this).val() == 'huisnummer *' || 
                $(this).val() == 'postcode *' || 
                $(this).val() == 'woonplaats *' || 
                $(this).val() == 'telefoon *' || 
                $(this).val() == 'email *'
            ){
               errs++;
           }
        }
    });
    
    if(errs==0) {
        $('#step-2').removeClass('not-active');
    } else {
        $('#step-2').addClass('not-active');
    }
}

$(document).ready(function(){
    $('.actie .transparent').transparent();   
    _initLightbox();
    if($('form[name=form]').length > 0){
        _initForm();
    }
    
    $('input.req').blur(function(){
        stepCheck();
    })
    
});


var reEmail = /^.+\@.+\..+$/;
    function isEmail (s){
        return reEmail.test(s);
    }