var modalClickElement = null;

$(document).ready(function () {

    SetupLeadership();

    SetupContactForm();
});
 
function SetupContactForm() {
    $('#contactForm').validator();
    $('#contactForm').validator().on('submit', function (e) {
        if (e.isDefaultPrevented()) {
            // handle the invalid form...
        } else {
            // everything looks good!
            SendContactRequest();
        }
    }); 

    $("#contactForm").submit(function (e) {
        e.stopPropagation();
        e.preventDefault(e);
    });
}

/*****************************************************************/
/* 					Email Form 								     */
/*****************************************************************/

var responseCaptcha;

function SendContactRequest(event) {

    if (validate()) {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "api/Contact",
            data: JSON.stringify({
                'firstName': $('#FirstName').val(),
                'lastName': $('#Lastname').val(),
                'email': $('#email').val(),
                'message': $('#message').val(),
                'Request': responseCaptcha
            }),
            headers: {
                "RequestVerificationToken": $("input[name='__RequestVerificationToken']").val()
            },
            dataType: "text",
            success: function (response) {

                if (response === "success") {
                    $('#contactForm')[0].reset();
                    $('#contactForm').hide();
                    $("#confirmSubmitForm").show();
                } else {
                    $(".generalAlert").append("<div class='alertEmailMsg'>" + response + "</div>");
                    console.log("SendContactRequest error:" + response);
                }

            },
            error: function (error) {
                $(".generalAlert").append("<div class='alertEmailMsg'>Sorry, we couldn't delivered your message. Please try again later.</div>");
                console.log("SendContactRequest error:" + error);
            }
        });
    }
    //event.preventDefault();
}

function validate() {
    var isValid = true;
    $(".emailAlert").empty();
    $(".generalAlert").empty();
    emailField = $("#email").val();

    if ($("#email").val() !== "") {
        if (validateEmail(emailField) === false) {
            isValid = false;
            $(".emailAlert").html("<div class='alertEmailMsg'>Please enter a valid email</div>");
        }
    }

    if ($("#message").val() === "") {
        isValid = false;
        $(".message").html("<div class='alertEmailMsg'>Required</div>");
    }

    //reCaptcha
    //responseCaptcha = grecaptcha.getResponse();
    //if (responseCaptcha.length === 0) {
    //    isValid = false; //reCaptcha not verified
    //    $(".generalAlert").append("<div class='alertEmailMsg'>reCaptcha was not validated</div>");
    //}

    return isValid;
}

function validateEmail(emailField) {
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(emailField);
}

/*********************/

function SetupLeadership(){
    //$(document).foundation();

    var swiperContainer = $(".swiper-container");
    //var mySwiper;
     setTimeout(function(){  
        if ($(window).outerWidth() <= 768) {
            $(".swiper-container").swiper({
                paginationClickable: true,
                pagination: '.swiper-pagination',
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',

            });
        }
    }, 1000);

    $(window).resize(function () {
        if ($(window).outerWidth() <= 768 && !$(".swiper-container")) {
            $(".swiper-container").swiper({
                paginationClickable: true,
                pagination: '.swiper-pagination',
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
            });
        } else if ($(window).outerWidth() > 768) {
            if ($(".swiper-container")) {
              //  $(".swiper-container").destroy();
                $(".swiper-container").swiper({
                    paginationClickable: true,
                    pagination: '.swiper-pagination',
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                });
            }
        }
    });

    

    
    $('#SpeakerModals').on('hidden.bs.modal', function (e) {
        if (modalClickElement) {
            modalClickElement.focus();
        }
    })

    //This code is executed when we click on + button to open the popup
    $('a[data-reveal-id]').on('click', function (e) {
        e.preventDefault();
        modalClickElement = $(this);
        var modalLocation = $(this).attr('data-reveal-id');
        $("#SpeakerModals .itemClone").remove();
        var clone = $('#SpeakerModals #' + modalLocation).clone();
        clone.addClass("itemClone").removeClass("originalItem");
        $('#SpeakerModals').append(clone);

        //move modal content with arrows
        $(document).bind('keydown', function (event){
            if (event.keyCode == 39){ //arrow right - next
                if($('#SpeakerModals .itemClone.show').length > 0){
                    $('#SpeakerModals .itemClone.show .modalArrowRight').click();
                }
            }
            if (event.keyCode == 37){ //arrow left - prev
                if($('#SpeakerModals .itemClone.show').length > 0){
                    $('#SpeakerModals .itemClone.show .modalArrowLeft').click();
                }
            }
        });

        $('.itemClone .modalArrowRight').click(function () {
            var speak = $(this).closest('.itemClone').attr('id');
            var parent = $(this).closest('.itemClone');

            var originalitem = $('#SpeakerModals .originalItem[id="' + speak + '"]');
            var next = originalitem.next();
            if (next.hasClass("reveal-modal-bg") || next.hasClass("itemClone"))
                next = originalitem.next().next();

            if (next.hasClass("reveal-modal-bg") || next.hasClass("itemClone"))
                next = originalitem.next().next().next();

            if (next.length > 0) {
                var nextSpeaker = next.attr("id");
                if (nextSpeaker != speak) {
                    //parent.html($(this).html());
                    parent.attr("id", next.attr("id"));
                    parent.find(".ModalImg").html(next.find(".ModalImg").html());
                    parent.find(".modalContent").html(next.find(".modalContent").html());
                    return false;
                }
            }
            else {
                $('#SpeakerModals .originalItem').each(function () {
                    if ($(this).attr("id") != speak) {
                        //parent.html($(this).html());
                        parent.attr("id", $(this).attr("id"));
                        parent.find(".ModalImg").html($(this).find(".ModalImg").html());
                        parent.find(".modalContent").html($(this).find(".modalContent").html());
                        return false;
                    }
                });
            }
        });

        $('.itemClone .modalArrowLeft').click(function () {

            var speak = $(this).closest('.itemClone').attr('id');
            var parent = $(this).closest('.itemClone');

            var originalitem = $('#SpeakerModals .originalItem[id="' + speak + '"]');
            var prev = originalitem.prev();
            if (prev.hasClass("reveal-modal-bg") || prev.hasClass("itemClone"))
                prev = originalitem.prev().prev();

            if (prev.hasClass("reveal-modal-bg") || prev.hasClass("itemClone"))
                prev = originalitem.prev().prev().prev();

            if (prev.length > 0) {
                var nextSpeaker = prev.attr("id");
                if (nextSpeaker != speak) {
                    //parent.html($(this).html());
                    parent.attr("id", prev.attr("id"));
                    parent.find(".ModalImg").html(prev.find(".ModalImg").html());
                    parent.find(".modalContent").html(prev.find(".modalContent").html());
                    return false;
                }
            }
            else {
                $($('#SpeakerModals .originalItem').get().reverse()).each(function () {
                    if ($(this).attr("id") != speak) {
                        //parent.html($(this).html());
                        parent.attr("id", $(this).attr("id"));
                        parent.find(".ModalImg").html($(this).find(".ModalImg").html());
                        parent.find(".modalContent").html($(this).find(".modalContent").html());
                        return false;
                    }
                });
            }
        });
        clone.modal();
        $(".navbar").attr("style","");
        //clone.reveal($(this).data());
        //setTimeout(function(){  $('#PopUpSpeakers .originalItem').css('visibility','hidden'); }, 100);
       
    });

    var speakerId = getParameterByName('speakerId');
    if (speakerId != null && speakerId != '') {
        $("a[data-reveal-id='" + speakerId + "']").click();

    }
  

}

//*** Leadership methods ****/
function clickImage(ctrl) {
    $(ctrl).parent().find("a[data-reveal-id]").click();
}


function MM_swapImgRestore() { //v3.0
    var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
}
function MM_preloadImages() { //v3.0
    var d = document; if (d.images) {
        if (!d.MM_p) d.MM_p = new Array();
        var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
            if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
    }
}

function MM_findObj(n, d) { //v4.01
    var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
        d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
    }
    if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
    for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
    if (!x && d.getElementById) x = d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
    var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2) ; i += 3)
        if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
}
//*** end Leadership methods ****/