function loadTicketFeedback() {
    document.getElementById("ifrTicketFeedback").style.display = "block";
    return false;
}


function closeTicketFeedback() {
    document.getElementById("ifrTicketFeedback").style.display = "none";
    return false;
}

function getifrTicketFeedback() {
    document.getElementById("ifrTicketFeedback").focus();
    return false;
}
//22336
function closeticketpoup(ticketWidgetId) {     
    $('.ticketfeedbackwidget-close[data-value=' + ticketWidgetId +']').trigger('click');
    return false;
}

function initTicket() {

    var btntype = 'Button';
    var url = 'https://www.thecmecenter.org/TicketFeebBackEmbedLink/RVE1dzJ4SUF2Z3BXWlAwaFpKelNHUT09/';
    //<div class="mobile-hidden-xs" style="height:0px;">
    var divMain = document.createElement("div");
    divMain.setAttribute("class", "mobile-hidden-xs");
    divMain.setAttribute("style", "height:0px;");
    document.body.appendChild(divMain);
    //  alert(345);

    //<div id="ticket-button" class="ticket-button fd-btn-left" style="display: none;@offset )">

    var ticketbutton = document.createElement("div");
    if (btntype == 'imageButton') {
        ticketbutton.setAttribute("class", "ticket-button hidden-xs");
    } else {
        ticketbutton.setAttribute("class", "ticket-button ticket-btn-right hidden-xs");
    }
    ticketbutton.setAttribute("style", "top:68%;");
    ticketbutton.setAttribute("id", "ticket-button");
    divMain.appendChild(ticketbutton);


    ////<a href="javascript:void(0)" class="ticketwidget-theme btn btn-sm" onclick="loadTicketFeedback();" style="background-color:@(oTicketWidget.ButtonBackColor ?? string.Empty);        @(oTicketWidget.PopupPosition == Common.PopupPosition.Left || oTicketWidget.PopupPosition == Common.PopupPosition.Right ? "transform: rotate(-90deg);" : "");@position">



    if (btntype == 'imageButton') {
        var aImgLink = document.createElement("a");
        ticketbutton.appendChild(aImgLink);
        //aImgLink.href = "javascript:void(0)";
        aImgLink.setAttribute("class", "ticketwidget-theme");
        aImgLink.setAttribute("data-value", "2014");
        //aImgLink.innerText = "Support";
        aImgLink.setAttribute("style", "cursor:pointer; transform-origin: right bottom 0;transform: rotate(-90deg);");
        //aLink.setAttribute("onclick", "loadTicketFeedback()");

        aImgLink.onclick = function (e) {
            var element = this;
            var widgetId = element.getAttribute('data-value');

            var iFrameDiv = document.createElement("iframe");
            iFrameDiv.setAttribute("src", url);
            iFrameDiv.setAttribute("width", "100%");
            iFrameDiv.setAttribute("height", "100%");
            iFrameDiv.setAttribute("id", "ifrTicketFeedback2014");
            iFrameDiv.setAttribute("class", "ifrTicketFeedback");
            iFrameDiv.setAttribute("style", "display:none;border:0;");
            iFrameDiv.setAttribute("scrolling", "yes");
            iFrameDiv.style.border = "0px";
            ticketfeedbackWidget.appendChild(iFrameDiv);
            var hiddenoverlay = document.createElement("div");
            hiddenoverlay.setAttribute("class", "widget-ovelay");
            hiddenoverlay.setAttribute("data-html2canvas-ignore", "true");
            ticketfeedbackWidget.appendChild(hiddenoverlay)

            //Hide old frame
            var v = closeAllSupportFrame();

           
            document.getElementById("ifrTicketFeedback" + widgetId).style.display = "block";
            document.getElementById("ticketfeedbackWidget" + widgetId).style.display = "block";

            return false;
        }
        var imgBtn = document.createElement("img");
        imgBtn.setAttribute("id", "ticketfeedbackwidget-icon");
        imgBtn.setAttribute("src", "");
        aImgLink.appendChild(imgBtn);
    }
    else {
        var aLink = document.createElement("a");
        ticketbutton.appendChild(aLink);
        //aLink.href = "javascript:void(0)";
        aLink.setAttribute("class", "ticketwidget-theme");        
        aLink.setAttribute("data-value", "2014");
        aLink.innerText = "Support";
        aLink.setAttribute("style", "cursor:pointer; color: white;font-weight: bold;background-color : #08569b; transform-origin: right bottom 0;transform: rotate(-90deg);");
        aLink.onclick = function () {
            var element = this;
            var widgetId = element.getAttribute('data-value');

            var iFrameDiv = document.createElement("iframe");
            iFrameDiv.setAttribute("src", url);
            iFrameDiv.setAttribute("width", "100%");
            iFrameDiv.setAttribute("height", "100%");
            iFrameDiv.setAttribute("id", "ifrTicketFeedback2014");
            iFrameDiv.setAttribute("class", "ifrTicketFeedback");
            iFrameDiv.setAttribute("style", "display:none;border:0;");
            iFrameDiv.setAttribute("scrolling", "yes");
            iFrameDiv.style.border = "0px";
            ticketfeedbackWidget.appendChild(iFrameDiv);
            var hiddenoverlay = document.createElement("div");
            hiddenoverlay.setAttribute("class", "widget-ovelay");
            hiddenoverlay.setAttribute("data-html2canvas-ignore", "true");
            ticketfeedbackWidget.appendChild(hiddenoverlay)

            //Hide old frame
            var v = closeAllSupportFrame();

       
            document.getElementById("ifrTicketFeedback" + widgetId).style.display = "block";
            document.getElementById("ticketfeedbackWidget" + widgetId).style.display = "block";

            return false;
        }

    }




    var ticketfeedbackWidget = document.createElement("div");
    ticketfeedbackWidget.setAttribute("class", "ticketfeedbackWidget");
    ticketfeedbackWidget.setAttribute("style", "display: none;");
    ticketfeedbackWidget.setAttribute("id", "ticketfeedbackWidget2014");
    ticketfeedbackWidget.setAttribute("data-html2canvas-ignore", "true");

    ticketbutton.appendChild(ticketfeedbackWidget);
   

    var closeBtn = document.createElement("button");
    closeBtn.setAttribute("class", "ticketfeedbackwidget-close");
    closeBtn.setAttribute("style", "display:none");
    closeBtn.setAttribute("data-value", "2014");
    //closeBtn.setAttribute("src", "https://www.thecmecenter.org/Themes/New/Content/css/img/widget_close.png"); 
    closeBtn.innerText = 'X';
    closeBtn.onclick = function () {        
        var element = this;
        var widgetId = element.getAttribute('data-value');

        document.getElementById("ifrTicketFeedback" + widgetId).style.display = "none";
        // set src for open support widget everytime #10733 : If want to not open new popup everytime then remove bewlow code
        document.getElementById("ifrTicketFeedback" + widgetId).setAttribute("src", url);
        document.getElementById("ticketfeedbackWidget" + widgetId).style.display = "none";
   
        return false;
    }
    ticketfeedbackWidget.appendChild(closeBtn);

    //var iFrameDiv = document.createElement("iframe");
    //iFrameDiv.setAttribute("src", url);
    //iFrameDiv.setAttribute("width", "100%");
    //iFrameDiv.setAttribute("height", "100%");
    //iFrameDiv.setAttribute("id", "ifrTicketFeedback2014");
    //iFrameDiv.setAttribute("class", "ifrTicketFeedback");
    //iFrameDiv.setAttribute("style", "display:none;border:0;");
    //iFrameDiv.setAttribute("scrolling", "yes");
    //iFrameDiv.style.border = "0px";
    //ticketfeedbackWidget.appendChild(iFrameDiv);
    //var hiddenoverlay = document.createElement("div");
    //hiddenoverlay.setAttribute("class", "widget-ovelay");
    //hiddenoverlay.setAttribute("data-html2canvas-ignore", "true");
    //ticketfeedbackWidget.appendChild(hiddenoverlay);


    var ifrmcss = document.createElement("link");
    ifrmcss.setAttribute('rel', 'stylesheet')
    ifrmcss.setAttribute('type', 'text/css')
    ifrmcss.setAttribute("href", "https://www.thecmecenter.org/Themes/New/Content/css/TicketFeedbackWidget.css?t=2");
    document.head.appendChild(ifrmcss);

    var htmlCanvas = document.createElement("script");
    htmlCanvas.setAttribute('type', 'text/javascript')
    htmlCanvas.setAttribute("src", "https://www.thecmecenter.org/Themes/New/Content/js/html2canvas.min.js");
    document.head.appendChild(htmlCanvas);
}
initTicket();

document.onkeydown = function (evt) {
    evt = evt || window.event;
    var isEscape = false;
    if ("key" in evt) {
        isEscape = evt.key == "Escape";
    } else {
        isEscape = evt.keyCode == 27;
    }
    if (isEscape && typeof (closeAllSupportFrame) == "function") {
        closeAllSupportFrame();
    }
};

var closeAllSupportFrame = function () {
    var frameList = document.getElementsByClassName('ifrTicketFeedback');
    if (frameList.length > 0) {
        for (var i = 0; i < frameList.length; i++) {
            frameList[i].style.display = "none";
        }
    }

    var widgetList = document.getElementsByClassName('ticketfeedbackWidget');
    if (widgetList.length > 0) {
        for (var i = 0; i < widgetList.length; i++) {
            widgetList[i].style.display = "none";
        }
    }
    if (parent.$("#ifrSupportSolution").length > 0) {
        $.magnificPopup.close();
    }
    return true;
}

// Create IE + others compatible event handler
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

// Listen to message from child window
eventer(messageEvent, function (e) {
    if (e.data && e.data != undefined && e.data.id != undefined && e.data.key != undefined) {
        postCEMessage(e.data.key, e.data.id);
    }
}, false);


function postCEMessage(c, id) {
    if (c == "screenshot") {

        html2canvas(document.body, {
            onrendered: function (canvas) {
                var i = canvas.toDataURL("image/png");
                if ($("#ifrTicketFeedback" + id).length > 0) 
                {
                    document.getElementById("ifrTicketFeedback" + id).contentWindow.postMessage({ key: 'screenshot', value: i }, '*');
                }
                if ($("#ifrSupportSolution").length > 0) {
                    document.getElementById("ifrSupportSolution").contentWindow.postMessage({ key: 'screenshot', value: i }, '*');
                }   
            }
        });
    }

}