jQuery(document).ready(function() {
    jQuery('#holderPhoto').cycle({
        fx: 'fade'

        // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });

    jQuery('a#HomeReadMore').click(function() {
        var target = jQuery('#container_welkom_text');
        var target2 = jQuery('#container_welkom_text_Full')
        var target3 = jQuery('a#HomeReadMore')
        if (target.is(':visible')) {
            target.hide();
        } else {
            target.show();
        }
        if (target2.is(':visible')) {
            target2.hide();
        } else {
            target2.show();
        }
        if (target2.is(':visible')) {
            target3.hide();
        } else {
            target3.show();
        }
    });

    jQuery('#infoLinkOppervlakte').mouseover(function() {
        jQuery('#infoOppervlakte').show();
    }).mouseout(function() {
        jQuery('#infoOppervlakte').hide();
    });

    jQuery('#infoLinkGrondwerkzaamheden').mouseover(function() {
    jQuery('#infoGrondwerkzaamheden').show();
    }).mouseout(function() {
    jQuery('#infoGrondwerkzaamheden').hide();
    });

    //ZAKELIJK OF PARTICULIER
    jQuery('input[name=formSoort]').click(function() {
        var target = jQuery('#formZakelijk');
        var target2 = jQuery('#formParticulier');
        if (jQuery(this).val() == '0') {
            target.slideDown(500);
        } else {
            target.slideUp(500);
        }
        if (jQuery(this).val() == '0') {
            target2.slideUp(500);
        } else {
            target2.slideDown(500);
        }
    });

    jQuery('input[name=formSoort]').click(function() {
        var newValidationParticulier = //"<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!PAMobiel\"/>" +
        //"<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;[mask]:^\d{2,4}-? ?\d{5,9}$:De waarde in dit veld is niet geldig. Het correcte formaat is 0123012345678.;\" name=\"!PATelefoon\"/>" +
						              "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!PANaam\"/>" +
                                      "<input type=\"hidden\" value=\"\" name=\"!PAStraat\"/>" +
						              "<input type=\"hidden\" value=\"\" name=\"!PAPostcode\"/>" +
						              "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!PATelefoon\"/>" +
                                      "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!email\"/>";
//						              "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!PAProvincie\"/>" +
						              




        var newValidationZakelijk = "<input type=\"hidden\" value=\"\" name=\"!Organisatie\" />" +
								    "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!Contactpersoon\" />" +
								    "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!Straat\" />" +
								    "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!Postcode\" />" +
								    "<input type=\"hidden\" value=\"\" name=\"!Provincie\"/>" +
								    "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!Telefoon\"/>" +
								    "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;\" name=\"!email\"/>";
        //								    "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;[mask]:^\d{2,4}-? ?\d{5,9}$:De waarde in dit veld is niet geldig. Het correcte formaat is 0123012345678.;\" name=\"!Telefoon\"/>" +
        //                                    "<input type=\"hidden\" value=\"[required]:yes:Dit veld is verplicht.;[mask]:^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,4})(\]?)$:De waarde in dit veld is niet geldig. Het correcte formaat is name@domain.extension.;\" name=\"!email\"/>";
        var target = jQuery('#formvalidation');
        if (jQuery(this).val() == '1') {
            target.html(newValidationParticulier);
        }
        else {
            target.html(newValidationZakelijk);
        }
    });


});



function changeProductImage(value) {
    var arrOptions = value.split(",");


    var divElement = document.getElementById('ChangeImage');
    var divElementProductName = document.getElementById('productName');
    divElement.src = arrOptions[1];
    divElementProductName.value = arrOptions[0];
};