$(document).ready(function() {
    setInterval("slideSwitch()", 5000);
    $("#contactform").validate({
        rules: {
            firstname: "required",
            surname: "required",
            gender: "required",
            address: "required",
            zipcode: "required",
            city: "required",
            telephone: "required",
            email: {
                required: true,
                email: true
            },
            remarks: "required"
        },
        errorClass: "invalid"
    });
    $("#versturen").click(function() {
        if ($("#contactform").valid()) {

            var gender = "Man";
            if ($('#gender_v').is(':checked') == true) {
                gender = "Vrouw";
            }

            var surname = "";
            if ($("#prefix").val() != "") {
                surname = $("#prefix").val() + " ";
            }
            surname += $("#surname").val();

            var randomnumber = Math.floor(Math.random() * 100001);
            var send = $.post("/Ajax/saveContactForm.aspx?randomnumber=" + randomnumber,
                    {
                        firstname: $("#firstname").val(),
                        surname: surname,
                        companyname: $("#companyname").val(),
                        gender: gender,
                        address: $("#address").val(),
                        zipcode: $("#zipcode").val(),
                        city: $("#city").val(),
                        telephone: $("#telephone").val(),
                        email: $("#email").val(),
                        remarks: $("#remarks").val()
                    },
                    function(data) {
                        document.location = "/contact/bedankt";
                    }
                );

            return false;
        }
        else {
            return false;
        }
    });

    //	$("#twitter").tooltip({
    //		effect: 'slide',
    //		 position: "bottom center"
    //
    //	});

    if ($(".items").length > 0) {
        var url = "/include-twitter";
        
        //check if single
        var twittername = "";
        if ($("#twittername").length > 0) {
            twittername = $("#twittername").val();
        }
        if (twittername != "") {
            url = url + "-single?name=" + twittername;
        }
        
        $.get(url, function(data) {
            $(".items").html(data);

            $(".prev, .next").css("visibility", "visible");
            $(".twitter").fadeIn();

            $("div#modTwitter").scrollable({
                clickable: false,
                keyboard: false,
                prev: ".prev",
                next: ".next",
                size: 3,
                vertical: true
            });

            $(".prev, .next").click(function() {
                return false;
            });
        });
    }

    if ($(".items-single").length > 0) {
        var twittername = $("#twittername").val();
        if (twittername != "") {
            $.get("/include-twitter-single?name=" + twittername, function(data) {
                $(".items-single").html(data);

                $(".prev, .next").css("visibility", "visible");
                $(".twitter").fadeIn();

                $("div#modTwitter").scrollable({
                    clickable: false,
                    keyboard: false,
                    prev: ".prev",
                    next: ".next",
                    size: 3,
                    vertical: true
                });

                $(".prev, .next").click(function() {
                    return false;
                });
            });
        }
    }



});

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}