$(window).resize(function () {
    setAlignContent();
});
setAlignContent();
function setAlignContent() {
    console.log('21321');
    jQuery(document).ready(function () {
        var width = $('#navbarCollapse > ul > li:nth-child(2)').width() * 3;
        var borderW = $('#navbarCollapse > ul > li:nth-child(2)').width() * 5;
        if (width <= 0) return;
        $('.container > .page-header , #list-events-cjc, #sign-me-up-form').css('width', width);
        $('.background-wrapper').css('width', borderW);
    });
}
function openModal(imgs) {
    var bodySlides = "";
    if (imgs != null && imgs != '') {
        var listofimgs = imgs.split(";");
        var page = 0;
        for (var i = 0; i < listofimgs.length; i++) {
            if (listofimgs[i] != null && listofimgs[i].contains("_entity")) {
                page = page + 1;
                var slides = '<div class="mySlides"> ' +
                    '<div class="numbertext" > ' + page + ' / ' + listofimgs.length + '</div > ' +
                    '<img src= "' + listofimgs[i] + '" style= "width:100%" > ' +
                    '</div>';
                bodySlides = bodySlides + slides;
            }
        }
        if (bodySlides != "") {
            $("#modal-contain-slider-list").html(bodySlides);
        }
    }

    document.getElementById('myModal').style.display = "block";

}
function openModal() {
    document.getElementById('myModal').style.display = "block";
}

function closeModal() {
    document.getElementById('myModal').style.display = "none";
}

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
    showSlides(slideIndex += n);
}

function currentSlide(n) {
    showSlides(slideIndex = n);
}

function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("demo");
    if (n > slides.length) { slideIndex = 1 }
    if (n < 1) { slideIndex = slides.length }
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    for (i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" active", "");
    }
    if (slides[slideIndex - 1] != null && slides[slideIndex - 1].style != null)
        slides[slideIndex - 1].style.display = "block";
    if (dots[slideIndex - 1] != null && dots[slideIndex - 1].style != null)
        dots[slideIndex - 1].className += " active";
}
function urlParam(name) {
    var results = new RegExp('[\?&]' + name + '=([^]*)').exec(window.location.href);
    if (results == null) {
        return null;
    }
    else {
        return results[1] || 0;
    }
}

$(document).ready(function () {
    if (urlParam('type') != null && urlParam('type').contains('gallery')) {
        $("#btn-events-gallery").text("Go to Events");
        $("#events-gallery").css('display', 'flex');
        $("#btn-scroll-for-more-gallery").css('display', 'block');
        $("#event-list").css('display', 'none');
        $("#btn-scroll-for-more-eventlisting").css('display', 'none');
    } else {
        $("#events-gallery").css('display', 'none');
        $("#btn-scroll-for-more-gallery").css('display', 'none');
        $("#event-list").css('display', 'block');
        $("#btn-scroll-for-more-eventlisting").css('display', 'block');
    }

    if ($(".validation-summary") != null
        && $(".validation-summary") != undefined) {
        var validation = $(".validation-summary").html();
        if (validation.contains("The form could not be submitted for the following reasons:")) {
            $("#sign-me-up-form").css('display', 'block');
            $("#list-events-cjc").css('display', 'none');
            $('html, body').animate({
                scrollTop: $("#sign-me-up-form").offset().top
            }, 500);
        }
    }

    $(document).on('click', '.btn-click-more-event', function (e) {
        e.preventDefault();
        $("#event-list").toggle();
        $("#btn-scroll-for-more-eventlisting").css('display', 'none');
        //var new_scheduledstartdatetime = $(this).data('startdatetime');
        var eventid = $(this).data('eventid');
        var monthyear = $(this).data('monthyear');
        var day = $(this).data('day');
        var eventname = $(this).data('eventname');
        var new_eventlocation = $(this).data('eventlocation');
        var ccc_eventdetails = $(this).data('eventdetails');
        var imgs = $(this).data('imgs');
        var registrationtype = $(this).data('registrationtype');
        var registerform = $(this).data('registerform');
        var waiting = $(this).data('waiting');
        var closedevent = $(this).data('closedevent');
        var scheduledstartdatetime = $(this).data('scheduledstartdatetime');
        var scheduleenddatetime = $(this).data('scheduleenddatetime');
        var time = getTime(scheduledstartdatetime, scheduleenddatetime);
        loadEventDetails(eventid, monthyear, day, time, eventname, new_eventlocation, ccc_eventdetails, imgs, registrationtype, registerform, waiting, closedevent);
        $("#events-detail").toggle();
        //$("#btn-scroll-for-more-eventlisting").toggle();
    });

    $(document).on('click', '.openModal', function (e) {
        var imgs = $(this).data('imgs');
        var page = $(this).data('page');
        var bodySlides = "";
        if (imgs != null && imgs != '') {
            var listofimgs = imgs.split(";");
            var page = 0;
            for (var i = 0; i < listofimgs.length; i++) {
                if (listofimgs[i] != null && listofimgs[i].contains("_entity")) {
                    page = i + 1;
                    var slides = '<div class="mySlides"> ' +
                        '<div class="numbertext" > ' + page + ' / ' + listofimgs.length + '</div > ' +
                        '<img src= "' + listofimgs[i] + '" style= "width:100%" > ' +
                        '</div>';
                    bodySlides = bodySlides + slides;
                }
            }

        }
        var slideDetails = "";
        if (imgs != null && imgs != '') {
            var listofimgs = imgs.split(";");
            var page = 0;
            for (var i = 0; i < listofimgs.length; i++) {
                if (listofimgs[i] != null && listofimgs[i].contains("_entity")) {
                    page = i + 1;
                    slideDetails = slideDetails + '<div class="col-md-3 n-padding">\n' +
                        '<img class="demo cursor" src="' + listofimgs[i] + '" style="width:100%" onclick="currentSlide(' + page + ')" alt="Nature and sunrise" >\n' +
                        '</div >\n';
                }
            }
        }
        var bodyPrevDetails = '<a class="prev" onclick="plusSlides(-1)">&#10094;</a>\n' +
            '<a class="next" onclick="plusSlides(1)">&#10095;</a>\n' +
            '<div class="row no-margin" style="display: none">\n'
            + slideDetails +
            '<div class="col-md-3 n-padding">\n';

        bodySlides = bodySlides + bodyPrevDetails;
        if (bodySlides != "") {
            $("#modal-contain-slider-list").html(bodySlides);
        }
        document.getElementById('myModal').style.display = "block";
        currentSlide(page);
    });


    $(document).on('click', '.event-gallery-details', function (e) {
        var eventname = $(this).data('eventname');
        var totalImgs = $(this).data('totalphoto');
        var imgs = $(this).data('imgs');
        $("#egd_eventname").html(eventname);
        $("#egd_totalphoto").html(totalImgs + " photos");
        if (imgs != null && imgs != '') {
            var bodyviewgallery = "";
            var listofimgs = imgs.split(";");
            var page = 0;
            for (var i = 0; i < listofimgs.length; i++) {
                if (listofimgs[i] != null && listofimgs[i].contains("_entity")) {
                    page = page + 1;
                    var viewgallery = '<div id="openModal" data-imgs="' + imgs + '" data-page="' + page + '" class="col-md-4 p-bot-15 openModal" onclick="currentSlide(' + page + ')" > ' +
                        '<img src="' + listofimgs[i] + '" style="width: 100%" /> ' +
                        '</div >';
                    bodyviewgallery = bodyviewgallery + viewgallery;
                }
            }
            if (bodyviewgallery != "") {
                $("#events-gallery-detail-contain").html(bodyviewgallery);
            }
        }

        $("#events-gallery-detail").css('display', 'block');
        $("#events-gallery").css('display', 'none');

    });


    $("#more_events").click(function (e) {
        $("#event-list").toggle();
        $("#events-detail").toggle();
        //$("#btn-scroll-for-more-eventlisting").toggle();
    });
    $("#btn-sign-me-up").click(function (e) {
        e.preventDefault();
        var eventid = $("#ed_eventid").html();
        var eventname = $("#ed_eventname").html();
        var monthyear = $("#ed_monthyear").html();
        var waiting = $("#ed_waiting").html();

        var day = $("#ed_day").html();
        var time = $("#ed_timeattire").html();
        loadEventRegistration(eventid, monthyear, day, time, eventname, waiting);
        $("#sign-me-up-form").css('display', 'block');
        $("#list-events-cjc").css('display', 'none');
        setTimeout(function () {
            $('html, body').animate({
                scrollTop: $("#sign-me-up-form").offset().top
            }, 500);
        }, 200);
        e.preventDefault();

        //$("#list-events-cjc").css('display', 'none');

    });
    $("#btn-download-form").click(function (e) {
        e.preventDefault();
        var dowload_link = $("#dowload_link").html();
        window.open(dowload_link, '_blank');
    });
    $("#btn-events-gallery").click(function (e) {
        e.preventDefault();
        if ($("#btn-events-gallery").text() === 'Go to Events') {
            $("#btn-events-gallery").text("Go to Events Gallery");
            $("#events-gallery").css('display', 'none');
            $("#event-list").css('display', 'block');

            $("#btn-scroll-for-more-gallery").css('display', 'none');
            $("#btn-scroll-for-more-eventlisting").css('display', 'block');
        } else {
            $("#btn-events-gallery").text("Go to Events");
            $("#events-gallery").css('display', 'flex');
            $("#event-list").css('display', 'none');

            $("#btn-scroll-for-more-gallery").css('display', 'block');
            $("#btn-scroll-for-more-eventlisting").css('display', 'none');
            //jQuery set height of a div to the 'dynamic height' of another
            $(document).ready(function ($) {
                $('#events-gallery').each(function () {
                    var highestBox = 0;
                    $(this).find('.col-md-4.p-bot-15 > .sub-contain-img').each(function () {
                        if ($(this).height() > highestBox) {
                            highestBox = $(this).height();
                        }
                    });
                    $(this).find('.col-md-4.p-bot-15 > .sub-contain-img').height(highestBox);
                });
            });
        }
        $("#events-detail").css('display', 'none');
        //$("#btn-scroll-for-more-eventlisting").css('display', 'block');
        $("#events-gallery-detail").css('display', 'none');
    });

    $("#btn-cancel-form-signMeUp").click(function () {
        $("#sign-me-up-form").css('display', 'none');
        $("#list-events-cjc").css('display', 'block');
    });

    $('#search_input').on('keyup', function (e) {
        if (e.which === 13) {
            var keyword = $("#search_input").val();
            var url = window.location.href;

            var updateURL = updateQueryStringParameter(url, 'search', keyword)
            window.location.href = updateURL;
        }
    });

    function updateQueryStringParameter(uri, key, value) {
        var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
        var separator = uri.indexOf('?') !== -1 ? "&" : "?";
        if (uri.match(re)) {
            return uri.replace(re, '$1' + key + "=" + value + '$2');
        }
        else {
            return uri + separator + key + "=" + value;
        }
    }
});

//==ONLOAD Hide Event, Registration Type,  ============================================================
$(document).ready(function () {
    $("#ccc_eventname_label").parent().parent().parent().hide();
    $("#new_registrationtype_label").parent().parent().parent().hide();
    $("#new_participanttype_label").parent().parent().parent().hide();
    $("#new_participantstatus_label").parent().parent().parent().hide();
});

function closeEventGalleryDetail() {
    $("#events-gallery-detail").css('display', 'none');
    $("#events-gallery").css('display', 'flex');
}

function convertUTCDateToLocalDate(date) {
    var newDate = new Date(date.getTime()+date.getTimezoneOffset()*60*1000);

    var offset = date.getTimezoneOffset() / 60;
    var hours = date.getHours();

    newDate.setHours(hours - offset);

    return newDate;   
}

function getTime(scheduledstartdatetime, scheduleenddatetime)
{
	
    var time = "8:00 AM - 9:00 AM"
    var startDate = new Date(scheduledstartdatetime);
    var endDate = new Date(scheduleenddatetime);
	var localStartDate = convertUTCDateToLocalDate(startDate);
	var localEndDate = convertUTCDateToLocalDate(endDate);
    //getUTCHours()
    var sh = localStartDate.getHours(), sm = localStartDate.getMinutes();
    var endh = localEndDate.getHours(), endm = localEndDate.getMinutes();
    var _sttime = (sh > 12) ? (sh - 12 + ':' + ((sm > 10) ? sm : ('0' + sm)) + ' PM') : (sh + ':' + ((sm > 10) ? sm : ('0' + sm)) + ' AM');

    var _endtime = (endh > 12) ? (endh - 12 + ':' + ((endm > 10) ? endm : ('0' + endm)) + ' PM') : (endh + ':' + ((endm > 10) ? endm : ('0' + endm)) + ' AM');

    time = _sttime + " - " + _endtime;
    return  time;
}
function loadEventDetails(eventid, monthyear, day, time, eventname, eventlocation, eventdetails, imgs, registrationtype, registerform, waiting, closedevent) {
    $("#ed_eventid").html(eventid);
    $("#ed_monthyear").html(monthyear);
    $("#ed_day").html(day);
    $("#dowload_link").html(registerform);
    $("#ed_waiting").html(waiting);

    $("#ed_eventname").html(eventname);
    $("#ed_eventdetails").html(eventdetails);
    if (registrationtype == "true" || registrationtype == true) {
        $("#btn-sign-me-up").css('display', 'none');
        $("#btn-download-form").css('display', 'block');
    } else {
        $("#btn-sign-me-up").css('display', 'block');
        $("#btn-download-form").css('display', 'none');
    }
    if (closedevent == "true" || closedevent == true) {
        $("#btn-sign-me-up").css('display', 'none');
        $("#btn-download-form").css('display', 'none');
        $("#btn-closed-event").css('display', 'block');
    } else {
        $("#btn-closed-event").css('display', 'none');
    }
    var bodytimeattire = 'Time: \n ' + time + ' </br>' +
        'Location: \n' + eventlocation + '\n'
    $("#ed_timeattire").html(bodytimeattire);
    if (imgs != null && imgs != '') {
        var bodyviewgallery = "";
        var listofimgs = imgs.split(";");
        for (var i = 0; i < 6; i++) {
            if (listofimgs[i] != null && listofimgs[i].contains("_entity")) {
                var viewgallery = '<div class="col-md-4 n-padding" style="margin-bottom: 15px;"> ' +
                    '<img src= "' + listofimgs[i] + '" style= "width: 100%;padding-right: 15px;" />' +
                    '</div >';
                bodyviewgallery = bodyviewgallery + viewgallery;
            }
        }
        if (bodyviewgallery != "") {
            $("#ed_viewgallery").html(bodyviewgallery);
        }
    }

}
function loadEventRegistration(eventid, monthyear, day, time, eventname, waiting) {
    $("#eg_eventid").html(eventid);
    $("#eg_date").html(day + " " + monthyear);
    $("#eg_time").html(time);
    $("#eg_eventname").html(eventname);
    $("#ccc_eventname").attr("value", eventid);
    $("#ccc_eventname_entityname").attr("value", "new_event");
    if (waiting != null && waiting.contains("true")) {
        $("#new_participantstatus").attr("value", 803330000);
        $("#eg_waiting").css('display', 'block');
    } else {
        $("#new_participantstatus").attr("value", 100000000);
        $("#eg_waiting").css('display', 'none');
    }
}