//JavaScript

$(document).ready( function() {


//datepicker
$('#form_main #date').datepicker();



//lan
$('.language .lan_list_item').last().css('margin-bottom', '4px');

$('.language .lan_dropdown_btn').bind('click', function(){

        $('.lan_dropdown').toggle('slow');

});

//lan dropdown
$('.lan_list_item').bind('click', function(){

       var _id = $(this).attr('id').substr(0,2);
       $('.flag').attr('id',_id);
       $('.lan_dropdown').toggle('slow');

});


        ///// logo in footer


////////////////////////////////

    $(window).load(function() {
        $('#slider').nivoSlider({
            effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
            slices:1,
            animSpeed:500, //Slide transition speed
            pauseTime:7000,
            startSlide:0, //Set starting Slide (0 index)
            directionNav:false, //Next & Prev
            directionNavHide:false, //Only show on hover
            controlNav:true, //1,2,3...
            controlNavThumbs:false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel:false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav:true, //Use left & right arrows
            pauseOnHover:true, //Stop animation while hovering
            manualAdvance:false, //Force manual transitions
            captionOpacity:0.8, //Universal caption opacity
            beforeChange: function(){},
            afterChange: function(){},
            slideshowEnd: function(){}, //Triggers after all slides have been shown
            lastSlide: function(){}, //Triggers when last slide is shown
            afterLoad: function(){} //Triggers when slider has loaded
        });
        
        changeBannerText();
        
        $('#slider_project').nivoSlider({
            effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
            slices:1,
            animSpeed:500, //Slide transition speed
            pauseTime:7000,
            startSlide:0, //Set starting Slide (0 index)
            directionNav:true, //Next & Prev
            directionNavHide:true, //Only show on hover
            controlNav:false, //1,2,3...
            controlNavThumbs:false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel:false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav:true, //Use left & right arrows
            pauseOnHover:true, //Stop animation while hovering
            manualAdvance:false, //Force manual transitions
            captionOpacity:0.8, //Universal caption opacity
            beforeChange: function(){},
            afterChange: function(){
                $('#slider_project').children('img').each (function () {
                    var src_1 = "url("+$(this).attr('src')+")";
                    var src_1_alt = 'url("'+$(this).attr("src")+'")';
                    var src_2 = $('#slider_project').children('.nivo-slice').css('background-image');
                    
                    if ( ( src_1 == src_2 ) || ( src_1_alt == src_2 ) ) {
                        $(".foto_counter").children('.nr').html($(this).attr('alt'));
                    }

                })
                
            },
            slideshowEnd: function(){}, //Triggers after all slides have been shown
            lastSlide: function(){}, //Triggers when last slide is shown
            afterLoad: portfolio_slider_start() //Triggers when slider has loaded
        });

        $('#content .portfolio_outer').each(function(){
            var max_height = 0;
            $($(this).children('.grid_4')).each(function(){
                if ( $(this).height() > max_height )
                    max_height = $(this).height();
            });
            $(this).children('.grid_4').children('.portfolio_box').height(max_height-38);
        });
    });
    

    $('.textfield, textarea').focus( function () {
        if ( $(this).val() == $(this).attr('rel') ) {
            $(this).val('');
        }
    });

    $('.textfield, textarea').blur( function () {
        if ( $(this).val() == '' ) {
            $(this).val($(this).attr('rel'));
        }
    });


    /////////////////////RESERVEREN

     $('.required').append('<span>*</span>');


     ///////UNIFORM

     $(function(){ $("#form_main select").uniform(); });
     $(function(){ $("#large-contact-form .radio").uniform(); });


     ///////////// SEND FORM

     $('#form_main #submit').bind('click',function(){
        send_form2();
     });

	
});

function portfolio_slider_start() {
    var all = $('#slider_project').children('img').size();
    $('#slider_project').append("<div class='foto_counter'><b>Foto</b> <span class='nr'>1</span>/<span class='all'>"+all+"</span></div>");
}
function portfolio_slider_change() {

}

function changeBannerText () {
    var controler = $('.banner-text');
    $('.banner-text').detach();
    controler.show();
    $('#slider').append(controler);
    

}

function IsEmailCorrect(email) {
    return email.match(/^[_a-zA-Z0-9-]+(\.[_a-zA-Z0-9-]+)*@([a-zA-Z0-9-]+\.)+([a-zA-Z]{2,4})$/)!=null;
}

function IsEmpty(pole) {
    if (pole=='')
        return true
    else
        return false
}


function send_form() {
    var status = true;

    $("#large-contact-form .required").parent().children('input').each(function () {

            $(this).removeClass('red-border');
            $(this).removeClass('sub_red-border');


        if (IsEmpty($(this).attr('value')) ) {
            status = false;

            if($(this).hasClass('sub_input'))
                {
                    $(this).addClass('sub_red-border');
                }
            else
                {
                    $(this).addClass('red-border');
                }

        }
    });

            if(!status)
            {
               alert('Vul alstublieft de verplichte velden in');
            }


    $("#large-contact-form .required_email").each(function () {

        $(this).removeClass('red-border');

        if (!IsEmailCorrect($(this).attr('value')) ) {
            alert('Vul een geldig e-mailadres in');
            status = false;
            $(this).addClass('red-border');

        }
    });

    if ( status ) {
        document.getElementById('large-contact-form').submit();
    }    
}

function send_form2() {
    var status = true;

    $("#form_main .required").parent().children('input').each(function () {

            $(this).removeClass('red-border');
            $(this).removeClass('sub_red-border');


        if (IsEmpty($(this).attr('value')) ) {
            status = false;

            if($(this).hasClass('sub_input'))
                {
                    $(this).addClass('sub_red-border');
                }
            else
                {
                    $(this).addClass('red-border');
                }

        }
    });

            if(!status)
            {
               alert('Vul alstublieft de verplichte velden in');
            }


    $("#form_main .required_email").each(function () {

        $(this).removeClass('red-border');

        if (!IsEmailCorrect($(this).attr('value')) ) {
            alert('Vul een geldig e-mailadres in');
            status = false;
            $(this).addClass('red-border');

        }
    });

    if ( status ) {
        document.getElementById('form_main').submit();
    }
}

function send_mini_form() {
    var status = true;

    $("#mini_form .required").each(function () {

        if (IsEmpty($(this).attr('value')) ) {
            alert('Vul alstublieft de verplichte velden in');
            status = false;
        }
    });

    $("#mini_form .required_email").each(function () {

        if (!IsEmailCorrect($(this).attr('value')) ) {
            alert('Vul een geldig e-mailadres in');
            status = false;
        }
    });

    if ( status ) {
        document.getElementById('mini_form').submit();
    }
}