$(document).ready(function() {

    if ($.browser.msie && $.browser.version == "6.0") {
        //IE6 fix voor PNG
        $("html").pngFix();

    }
    setTimeout("MakeShadow()", 300);

    FadeDeelnemersKernzinnen(0);

    $(".verkooppuntenblock ul li span").click(function() {
        if ($(this).hasClass("active") == true) {

            $(this).parent().find(".adres").hide("blind", { direction: "vertical" }, 1000);
            $(this).removeClass("active");

        }
        else {

            $(this).parent().find(".adres").show("blind", { direction: "vertical" }, 1000);
            $(this).addClass("active");

        }

    });

    $(".voorwaardenlink").click(function() {
        $(".voorwaardenregels").fadeIn(400);
    })

    $(".voorwaardenregels .sluiten").click(function() {
        $(".voorwaardenregels").fadeOut(400);
    });

    $(".sticker, .actielink").click(function() {
        //$(".container").eq(0).css("display", "none");
        //$(".container").eq(1).css("display", "block");
        $(".content").eq(0).fadeOut(600);
        $(".sticker").fadeOut(600);
        $(".block").eq(0).fadeOut(600, function() {
            $(".block").eq(1).fadeIn(600);
            $(".content").eq(1).fadeIn(600);
            $(".tv").addClass("newposition");
            $(".sticker_vervolg").fadeIn(600);
        });
    });

    $(".clickable").click(function() {
        var _src = $(this).find("img").attr("src");
        var _imagewidth = $(".img_groot").outerWidth();
        var _imageheight = $(".img_groot").outerHeight();

        $(".foto_overlay").css("width", _imagewidth);
        $(".foto_overlay").css("height", _imageheight);

        $(".foto_overlay img").attr("src", _src);

        $(".foto_overlay").fadeIn(800, function() {
            $(".img_groot").attr("src", _src);
            $(".foto_overlay").css("display", "none");
        });

        /*$(".img_groot").fadeOut(400, function() {
        $(".img_groot").attr("src", _src).fadeIn(1000);
        $(".img_groot").fadeIn(600);
        });*/
    });

    var _Position = 0;

    $(".carrousel ul li").click(function() {
        var _AantalImages = $(".carrousel ul li").length;
        var _MaxPosition = (_AantalImages - 3) * 81;
        _MaxPosition = _MaxPosition * -1;
        var _Active = $(".carrousel ul li.active").index();
        var _CurrentClick = $(this).index();
        $(".carrousel ul li").eq(_Active).removeClass("active");
        $(".carrousel ul li").eq(_Active).remove("div");
        _Position = _CurrentClick * 81;
        _Position = _Position - 81;
        _Position = _Position * -1;

        if (_Position < _MaxPosition) {

        }
        else if (_Position > 0) {

        }
        else {
            $(".carrousel ul").animate({
                top: _Position
            }, 600);
        }

        $(".carrousel ul li").eq(_CurrentClick).addClass("active");
        $("html").pngFix();

        var _src = $(this).find("img").attr("src");
        var _imagewidth = $(".img_groot").outerWidth();
        var _imageheight = $(".img_groot").outerHeight();

        $(".foto_overlay").css("width", _imagewidth);
        $(".foto_overlay").css("height", _imageheight);

        $(".foto_overlay img").attr("src", _src);

        $(".foto_overlay").fadeIn(800, function() {
            $(".img_groot").attr("src", _src);
            $(".foto_overlay").css("display", "none");
        });

    });

    $("input:text, textarea").focus(function() {
        if ($(this).hasClass("submit") == true) {
        }
        else {
            var Waarde = $(this).val();
            InputBlur(Waarde);
            if ($(this).hasClass("changed") == true) {

            }
            else {
                $(this).val("");
            }

        }
    });


    //$("input").filter(":checkbox,:radio").checkbox();
    $('input:radio').checkBox();
    $('input:checkbox').checkBox();

    //$(".riTextBox").val("Datum");

    if ($(".actiepaginaContainer").exists()) {
        init_ActiepaginaCarrousel();
        init_YoutubeMovie();
    }

    if ($(".laptopContainer").exists()) {
        init_ActiepaginaCarrousel_SfeerEnStijl();
    }


    // define all the images in an array. Each item is an object containing img and url
    var uksz_images = [
			{ img: 'images/header/gratisboek.png', url: '/Gratis-Keukenboek.aspx', button: '#button1' }, 	// 0
			{img: 'images/header/eigenstyleboard.png', url: 'http://www.uwsfeerenstijl.nl/', button: '#button2' }, 	// 1
			{img: 'images/header/keukenontwerp.png', url: '/Uw-Keukenontwerp-in-3D.aspx', button: '#button3' }, 	// 2
			{img: 'images/header/keukenprijs.png', url: 'http://www.keukenkostenplanner.nl/', button: '#button4' }, // etc
			{img: 'images/header/selectiv.png', url: '/selectiv-ons-exclusieve-keukenmerk.aspx' }
		];

    // overwrite the default options		
    var _HeaderWidth = $("body").outerWidth();
    var uksz_options = {
        images: uksz_images, // images are loaded here
        height: 215,
        ctrl_width: 1017,
        slider_bg: 'url(images/header/Wood-background.jpg) center repeat-x',
        img_width: 1280,
        btn_hover_class: "hover"
    };

    // initiate the slider
    $('#slider').w3_slider(uksz_options);

    // bind a public method to an event:
    $('#button1').bind({
        mouseenter: function() {
            $('#slider').w3_slider('do_walk', 0, $(this));
            //console.log($(this));
        }
    });
    $('#button2').bind({
        mouseenter: function() {
            $('#slider').w3_slider('do_walk', 1, $(this));
            //console.log($(this));
        }
    });
    $('#button3').bind({
        mouseenter: function() {
            $('#slider').w3_slider('do_walk', 2, $(this));
            //console.log($(this));
        }
    });
    $('#button4').bind({
        mouseenter: function() {
            $('#slider').w3_slider('do_walk', 3, $(this));
            //console.log($(this));
        }
    });










});

jQuery.fn.exists = function() { return jQuery(this).length > 0; }

function init_YoutubeMovie() {
    $(".play_icon").click(function() {
        openYoutubeMovie();
    });

    $(".actiepaginaContainer .flashmovie .close_icon").click(function() {
        closeYoutubeMovie();
    });

}

function closeYoutubeMovie() {
    $(".flashmovie .youtube").html('');
    $(".actiepaginaContainer .Pager").css("display", "block");
    $(".actiepaginaContainer .flashmovie .close_icon").css("display", "none");
    automaticloop_actiepaginaCarrousel();
}

function openYoutubeMovie() {
    clearTimeout(myCarrouselTimer);
    $(".flashmovie .youtube").html('<object width="692" height="355"><param name="movie" value="http://www.youtube.com/v/vUOlHEXOT5I?fs=1&amp;hl=nl_NL&amp;rel=0&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/vUOlHEXOT5I?fs=1&amp;hl=nl_NL&amp;rel=0&autoplay=1" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="692" height="355"></embed></object>');
    $(".actiepaginaContainer .Pager").css("display", "none");
    $(".actiepaginaContainer .flashmovie .close_icon").css("display", "block");
}

var myCarrouselTimer;
var time_actiepaginaCarrousel = 5000;

function init_ActiepaginaCarrousel() {
    //Hide elements on startup
    $(".actiepaginaContainer .beeldContainer img").css("display", "none");
    $(".actiepaginaContainer .textBlock .text").css("display", "none");

    //Show de eerste
    $(".actiepaginaContainer .beeldContainer img").eq(0).css("display", "block");
    $(".actiepaginaContainer .textBlock .text").eq(0).css("display", "block");

    //activeer de eerste knop
    $(".actiepaginaContainer .Pager ul li").eq(0).addClass("active");

    clickEvents_actiepaginaCarrousel();
    automaticloop_actiepaginaCarrousel();
}

function automaticloop_actiepaginaCarrousel() {
    var current = $(".actiepaginaContainer .Pager ul li.active").index("li");
    var next = current + 1;
    if (next > 4) {
        next = 0;
    }
    myCarrouselTimer = setTimeout(function() { gotonext_actiepaginaCarrousel(current, next); }, time_actiepaginaCarrousel);
    time_actiepaginaCarrousel = 5000;
}

function clickEvents_actiepaginaCarrousel() {
    $(".actiepaginaContainer .Pager ul li").click(function() {
        clearTimeout(myCarrouselTimer);
        var next = $(".Pager ul li").index($(this));
        var current = $(".Pager ul li.active").index("li");
        time_actiepaginaCarrousel = 30000;
        gotonext_actiepaginaCarrousel(current, next);
    });
}

function gotonext_actiepaginaCarrousel(current, next) {
    $(".actiepaginaContainer .Pager ul li").eq(current).removeClass("active");
    $(".actiepaginaContainer .Pager ul li").eq(next).addClass("active");

    $(".actiepaginaContainer .beeldContainer img").eq(current).fadeOut(800);
    $(".actiepaginaContainer .beeldContainer img").eq(next).fadeIn(800);

    $(".actiepaginaContainer .textBlock .text").eq(current).fadeOut(600);
    $(".actiepaginaContainer .textBlock .text").eq(next).fadeIn(600);

    automaticloop_actiepaginaCarrousel();
}




// Hier begind de functie voor de actie pagina Sfeer & Stijl

function init_ActiepaginaCarrousel_SfeerEnStijl() {
    //Hide elements on startup
    $(".laptopContainer .laptopMid img").css("display", "none");

    //Show de eerste
    $(".laptopContainer .laptopMid img").eq(0).css("display", "block");
    
    //activeer de eerste knop
    $(".laptopContainer ul.laptopPager li").eq(0).addClass("active");

    clickEvents_actiepaginaCarrousel_SfeerEnStijl();
    automaticloop_actiepaginaCarrousel_SfeerEnStijl();
}

function automaticloop_actiepaginaCarrousel_SfeerEnStijl() {
    var current = $(".laptopContainer ul.laptopPager li.active").index();
    var next = current + 1;
    if (next > 4) {
        next = 0;
    }

    myCarrouselTimer = setTimeout(function() { gotonext_actiepaginaCarrousel_SfeerEnStijl(current, next); }, time_actiepaginaCarrousel);
    time_actiepaginaCarrousel = 5000;
}

function clickEvents_actiepaginaCarrousel_SfeerEnStijl() {
    $(".laptopContainer ul.laptopPager li").click(function() {
        clearTimeout(myCarrouselTimer);
        var next = $("ul.laptopPager li").index($(this));
        var current = $("ul.laptopPager li.active").index();
        time_actiepaginaCarrousel = 30000;
        gotonext_actiepaginaCarrousel_SfeerEnStijl(current, next);

    });
}

function gotonext_actiepaginaCarrousel_SfeerEnStijl(current, next) {
    $(".laptopContainer ul.laptopPager li").eq(current).removeClass("active");
    $(".laptopContainer ul.laptopPager li").eq(next).addClass("active");

    $(".laptopContainer .laptopMid img").eq(current).fadeOut(800);
    $(".laptopContainer .laptopMid img").eq(next).fadeIn(800);

    automaticloop_actiepaginaCarrousel_SfeerEnStijl();
}


function CheckForm() {
    var _ok = true;
    if ($('#voorwaarden').attr('checked')) {
        //Submit form
    }
    else {
        $(".voorwaarden, .voorwaarden a").css("color", "red");
        var _ok = false;
    }
    var _AantalForms = $("input:text").length;
    var i = 0;

    while (i != _AantalForms) {
        var _DefaultValue = $("input:text").eq(i).attr("rel");

        if ($("input:text").eq(i).val() == _DefaultValue || $("input:text").eq(i).val() == "" || $("input:text").eq(i).val() == " ") {
            $("input:text").eq(i).css("border", "2px solid red");
            //$("input:text").eq(i).val(_DefaultValue + " (Dit veld is verplicht)");

            _ok = false;
        }
        else {
            $("input:text").eq(i).css("border", "0px");
            $("input:text").eq(i).css("borderTop", "1px solid #899492");
            $("input:text").eq(i).css("borderLeft", "1px solid #899492");


        }

        //Email validatie
        if (_DefaultValue == "Emailadres") {
            var _reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            var _adres = $("input:text").eq(i).val();
            if (_reg.test(_adres) == false) {
                $("input:text").eq(i).css("border", "2px solid red");
                _ok = false;
            }
        }

        //Postcode validatie
        if (_DefaultValue == "Postcode") {

            var reg = new RegExp(/^[0-9]{4}[ ]?[A-Za-z]{2}$/);
            if (reg.exec($("input:text").eq(i).val()) == null) {
                $("input:text").eq(i).css("border", "2px solid red");
                _ok = false;
            }

        }



        i++;

    }
    return _ok;
}

function FadeDeelnemersKernzinnen(Id) {
    var _AantalZinnen = $(".block_deelnemers h2").length;
    var _NewActive = Id + 1;
    if (_NewActive >= _AantalZinnen) {
        _NewActive = 0;
    }

    $(".block_deelnemers h2.active").fadeOut(600, function() {
        $(".block_deelnemers h2.active").removeClass("active")
        $(".block_deelnemers h2").eq(_NewActive).fadeIn(600);
        $(".block_deelnemers h2").eq(_NewActive).addClass("active");

        setTimeout("FadeDeelnemersKernzinnen(" + _NewActive + ")", 4000);
    });
}

function InputBlur(Waarde) {
    $("input:text, textarea").blur(function() {
        var Userwaarde = $(this).val();
        if (Userwaarde == "" || Userwaarde == Waarde) {
            $(this).val(Waarde);
        }
        else {
            $(this).addClass("changed");
        }
        Waarde = "";
    });
}


function MakeShadow() {
    var aantal = $(".shaduw_container").length;
    var i = 0;
    var _Width;
    while (i != aantal) {

        if ($(".shaduw_container").eq(i).hasClass("divelement") == true) {
            _Width = $(".shaduw_container").eq(i).find("div").outerWidth();
            _IE6Height = $(".shaduw_container").eq(i).find("div").outerHeight();
        }
        else {
            _Width = $(".shaduw_container").eq(i).find("img").outerWidth();
            _IE6Height = $(".shaduw_container").eq(i).find("img").outerHeight();
        }

        $(".shaduw_container").eq(i).css("width", _Width);

        //$(".shaduw").eq(i).before('<div class="shaduw_container" style="width: ' + _ImageWidth + 'px"><div class="shaduw_top"><div class="shaduw_left"></div><div class="shaduw_right"></div></div><div class="shaduw_left"></div><div class="shaduw_right"></div><div class="shaduw_bottom"><div class="shaduw_left"></div><div class="shaduw_right"></div></div>');
        var _OldHTML = $(".shaduw_container").eq(i).html();
        var _NewHTML = '<div class="shaduw_top"><div class="shaduw_left"></div><div class="shaduw_right"></div></div><div class="shaduw_leftV"></div><div class="shaduw_rightV"></div><div class="shaduw_bottom"><div class="shaduw_left"></div><div class="shaduw_right"></div></div> ' + _OldHTML + '';

        $(".shaduw_container").eq(i).html(_NewHTML);

        //alert($(".shaduw_container").eq(i).html());

        //IE6 Fix
        //if ($.browser.msie && $.browser.version == "6.0") {
        var _padding_left_right = parseInt($(".shaduw_container").eq(i).css("padding-left")) + parseInt($(".shaduw_container").eq(i).css("padding-right"));
        var _padding_top_bottom = parseInt($(".shaduw_container").eq(i).css("padding-top")) + parseInt($(".shaduw_container").eq(i).css("padding-bottom"));

        var _IE6Width = _Width + _padding_left_right;
        _IE6Height = _IE6Height + _padding_top_bottom;
        $(".shaduw_container .shaduw_top").eq(i).css("width", _IE6Width);
        $(".shaduw_container .shaduw_bottom").eq(i).css("width", _IE6Width);
        $(".shaduw_container .shaduw_leftV").eq(i).css("height", _IE6Height);
        $(".shaduw_container .shaduw_rightV").eq(i).css("height", _IE6Height);

        //}

        i++;
    }
}

function ValidateFormOnClass() {

    var _AantalForms = $("input.doValidatioin").length;
    var i = 0;
    var _ok = true;

    while (i != _AantalForms) {
        var _DefaultValue = $("input.doValidatioin").eq(i).attr("rel");

        if ($("input.doValidatioin").eq(i).val() == _DefaultValue || $("input.doValidatioin").eq(i).val() == "" || $("input.doValidatioin").eq(i).val() == " ") {
            $("input.doValidatioin").eq(i).css("border", "2px solid red");
            //$("input:text").eq(i).val(_DefaultValue + " (Dit veld is verplicht)");

            _ok = false;
        }
        else {
            $("input.doValidatioin").eq(i).css("border", "0px");
            $("input.doValidatioin").eq(i).css("borderTop", "1px solid #899492");
            $("input.doValidatioin").eq(i).css("borderLeft", "1px solid #899492");


        }


        //Email validatie
        if (_DefaultValue == "Emailadres") {
            var _reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            var _adres = $("input.doValidatioin").eq(i).val();
            if (_reg.test(_adres) == false) {
                $("input.doValidatioin").eq(i).css("border", "2px solid red");
                _ok = false;
            }
        }

        //Postcode validatie
        if (_DefaultValue == "Postcode") {

            var reg = new RegExp(/^[0-9]{4}[ ]?[A-Za-z]{2}$/);
            if (reg.exec($("input.doValidatioin").eq(i).val()) == null) {
                $("input.doValidatioin").eq(i).css("border", "2px solid red");
                _ok = false;
            }

        }

        i++;

    }
    return _ok;
}

function ValidateForm() {

    var _AantalForms = $("input:text").length;
    var i = 0;
    var _ok = true;

    while (i != _AantalForms) {
        var _DefaultValue = $("input:text").eq(i).attr("rel");

        if ($("input:text").eq(i).val() == _DefaultValue || $("input:text").eq(i).val() == "" || $("input:text").eq(i).val() == " ") {
            $("input:text").eq(i).css("border", "2px solid red");
            //$("input:text").eq(i).val(_DefaultValue + " (Dit veld is verplicht)");

            _ok = false;
        }
        else {
            $("input:text").eq(i).css("border", "0px");
            $("input:text").eq(i).css("borderTop", "1px solid #899492");
            $("input:text").eq(i).css("borderLeft", "1px solid #899492");


        }


        //Email validatie
        if (_DefaultValue == "Emailadres") {
            var _reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            var _adres = $("input:text").eq(i).val();
            if (_reg.test(_adres) == false) {
                $("input:text").eq(i).css("border", "2px solid red");
                _ok = false;
            }
        }

        //Postcode validatie
        if (_DefaultValue == "Postcode") {

            var reg = new RegExp(/^[0-9]{4}[ ]?[A-Za-z]{2}$/);
            if (reg.exec($("input:text").eq(i).val()) == null) {
                $("input:text").eq(i).css("border", "2px solid red");
                _ok = false;
            }

        }

        i++;

    }
    return _ok;
}

function CheckPostcode() {
    if ($(".results").hasClass("active") == true) {
        $(".results").hide("blind", { direction: "vertical" }, 1000);
        $(".results").removeClass("active");
    }
}

function GetPostcode() {

    var _UserInput = $(".postcode").val();

    $.get('Postcode.axd?postcode=' + _UserInput + '', function(data) {
        $('.results').html(data);
        //$('.results').show("slide", { direction: "up" }, 1000);
        //$(".results").show("fold", {}, 1000);
        $(".results").show("blind", { direction: "vertical" }, 1000);
        $(".results").addClass("active");

        $(".results a").html("Meer informatie over deze vestiging");


    });

}