jQuery(document).ready(function() {

    // activate the left follower

    jQuery("#left-slider").jscrolltop({
            follow_speed: 300,
            scrolltop_speed: 300,
            scroll_start: 20,
            margin_top: 270,
            margin_bottom: 20
    });

    jQuery("#tabs-1").show();

    // Contact form
    
    reset_form();

    $(document).keydown(function(e) {
        // ESCAPE key pressed
        if (e.keyCode == 27) {
            fadeOutContact();
        }
    });

  
    /* jQuery("#cf_project01").change(function() {
        alert('Handler for .change() called.');
    }); */

});

function reset_form() {
    $('#cf_name').css('border-bottom', '1px solid #000000');
    $('#cf_name').val('');
    $('#cf_name').focus();
    $('#cf_company').val('');
    $('#cf_3M41L').css('border-bottom', '1px solid #000000');
    $('#cf_3M41L').val('');
    $('#cf_telephone').css('border-bottom', '1px solid #000000');
    $('#cf_telephone').val('');
    $('#cf_project01').val('');
    $('#cf_project02').val('');
}

function fadeInContact() {
    $('#overlay').fadeIn("fast");
    $('#cf_name').focus();
}

function fadeOutContact() {
    // hide what must be hidden
    $('#cf_loader').hide();
    $('#cf_message').hide();
    $('#cf_error').hide();
    
    // show the form
    $('#cf_form').show();
    
    // reset values
    reset_form();
    
    // close everything
    $('#overlay').fadeOut("fast");
}

// damn ugly piece of code. Need more time for this.

function switchtab(sOption) {
    if (sOption == 'tabs-1') {
        $("#option-1").attr('class', 'selected_option');
        $("#option-2").attr('class', 'option');
        $("#option-3").attr('class', 'option');
        $("#tabs-2").hide();
        $("#tabs-3").hide();
        $("#tabs-1").fadeIn('fast');
    }
    if (sOption == 'tabs-2') {
        $("#option-1").attr('class', 'option');
        $("#option-2").attr('class', 'selected_option');
        $("#option-3").attr('class', 'option');
        $("#tabs-1").hide();
        $("#tabs-3").hide();
        $("#tabs-2").fadeIn('fast');
    }
    if (sOption == 'tabs-3') {
        $("#option-1").attr('class', 'option');
        $("#option-2").attr('class', 'option');
        $("#option-3").attr('class', 'selected_option');
        $("#tabs-1").hide();
        $("#tabs-2").hide();
        $("#tabs-3").fadeIn('fast');
    }
}

function check_cf_name($cf_name) {
    var $ok;
    if (!$cf_name || ($cf_name == 'Jan Met De Pet')) {
        $ok = false;
        var cssObj = {
            'border-bottom' : '1px solid #B80000'
        }
        $('#cf_name').css(cssObj);
    }
    else {
        $ok = true;
        var cssObj = {
            'border-bottom' : '1px solid #000000'
        }
        $('#cf_name').css(cssObj);
    }
    return $ok;
}

function check_cf_3M41L($cf_3M41L) {
    var $ok;
    var $emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    if (!$cf_3M41L || !$emailReg.test($cf_3M41L) || ($cf_3M41L == 'john@acme.com')) {
        $ok = false;
        var cssObj = {
            'border-bottom' : '1px solid #B80000'
        }
        $('#cf_3M41L').css(cssObj);
    }
    else {
        $ok = true;
        var cssObj = {
            'border-bottom' : '1px solid #000000'
        }
        $('#cf_3M41L').css(cssObj);
    }
    return $ok;
}

function check_cf_telephone($cf_telephone) {
    var $ok;
    if (!$cf_telephone || ($cf_telephone == '+32123456789')) {
        $ok = false;
        var cssObj = {
            'border-bottom' : '1px solid #B80000'
        }
        $('#cf_telephone').css(cssObj);
    }
    else {
        $ok = true;
        var cssObj = {
            'border-bottom' : '1px solid #000000'
        }
        $('#cf_telephone').css(cssObj);
    }
    return $ok;
}

$(function(){
    $('#cf_submit').click(function(){
        
        var $cf_name      = $('#cf_name').val();
        var $cf_3M41L     = $('#cf_3M41L').val();
        var $cf_telephone = $('#cf_telephone').val();
        
        var $cf_name_ok = false;
        if (check_cf_name($cf_name)) {
            $cf_name_ok = true;
        }
        
        var $cf_3M41L_ok = false;
        if (check_cf_3M41L($cf_3M41L)) {
            $cf_3M41L_ok = true;
        }

        var $cf_telephone_ok = false;
        if (check_cf_telephone($cf_telephone)) {
            $cf_telephone_ok = true;
        }

        if ($cf_name_ok && ($cf_3M41L_ok || $cf_telephone_ok)) {
            $('#cf_form').hide();
            $('#cf_message').hide();
            $('#cf_error').hide();
            $('#cf_loader').show();
            
            // gather form fields
            var $cf_company    = $('#cf_company').val();
            var $cf_3M41L      = $('#cf_3M41L').val();
            var $cf_telephone  = $('#cf_telephone').val();
            var $cf_preference = $('#cf_preference').val();
            var $cf_project01  = $('#cf_project01').val();
            var $cf_project02  = $('#cf_project02').val();
            var $email         = $('#email').val();
            
            // call ajax
            $.ajax({
                url:'/wp-admin/admin-ajax.php',
                type:'POST',
                dataType: 'json',
                data:'action=submit_contactform&cf_name=' + $cf_name + '&cf_company=' + $cf_company + '&cf_3M41L=' + $cf_3M41L + '&cf_telephone=' + $cf_telephone + '&cf_preference=' + $cf_preference + '&cf_project01=' + $cf_project01 + '&cf_project02=' + $cf_project02 + '&email=' + $email,

                success:function(result)
                {
                    if (result) {
                        $('#cf_loader').hide();
                        $('#cf_message').show();
                    }
                }
            });
            return false;
        }
        else
        {
            $('#cf_error').show();
        }
    });
});

$(function(){
    $("#cf_project01").keydown(function() {
        var maxLength = $(this).attr('maxlength');
        if($(this).val().length == maxLength) {
            $("#cf_project02").focus();
        }
    });
});