HidePlayButtons();
var playButtonDefault = 'https://www.dealervideopro.com/desktop_video_button.png';
var closeButtonDefault = 'https://www.dealervideopro.com/closebutton.png';
var serviceUrl = 'https://www.dealervideopro.com/videoplayer/Player/';
var serviceMethodVehiclesVideoByDealership = serviceUrl + 'VehiclesVideoByDealership?dvsid=';
var serviceMethodReturnCustomClassByDVSID = serviceUrl + 'ReturnCustomClassByDVSID?dvsid=';
var serviceMethodReturnZIndexByDVSID = serviceUrl + 'ReturnZIndexByDVSID?dvsid=';
var serviceMethodReturnZIndexByDVSIDMobile = serviceUrl + 'ReturnZIndexByDVSIDMobile?dvsid=';
var serviceMethodReturnShowContactFormByDVSID = serviceUrl + 'ReturnShowContactFormByDVSID?dvsid=';
var carImageWidthInitial = 0;
var carImageHeightInitial = 0;
var vinsWithImages = '';
var ZIndexMax = '9999999999';
var ZIndex = '9999999';
var ZIndexExecuted = false;

window.onload = function () {
    LoadPage();
};

function HidePlayButtons() {
    //document.write("<style>.dvp_infront_open { display: none; } </style>");
    var css = '.dvp_infront_open { display: none !important; }',
        head = document.head || document.getElementsByTagName('head')[0],
        style = document.createElement('style');

    style.type = 'text/css';
    if (style.styleSheet) {
        style.styleSheet.cssText = css;
    } else {
        style.appendChild(document.createTextNode(css));
    }

    head.appendChild(style);
}

function RemoveElement(elementID) {
    if (document.body.contains(document.getElementById(elementID))) {
        var element = document.getElementById(elementID);
        document.getElementById(elementID).parentNode.removeChild(element);
    }
}

function ReturnUrlForHiddenControl() {
    var dvp_infront_open = 'dvp_infront_open';
    var url = '';

    if (document.getElementById(dvp_infront_open) != null) {
        url = document.getElementById(dvp_infront_open).getAttribute('data-url');
    }

    var openButtonsList = document.getElementsByClassName(dvp_infront_open);
    if (openButtonsList != null) {
        var i;
        for (i = 0; i < openButtonsList.length; i++) {
            var dataUrl = openButtonsList[i].getAttribute('data-url');
            //console.log('Data Url:' + dataUrl);
            if (dataUrl != null && dataUrl != '') {
                if (dataUrl.indexOf('https') != -1) {
                    console.log(dataUrl);
                    url = dataUrl;
                    break;
                }
            }
        }
    }

    if (url == '' || url == null) {
        if (document.getElementById("NXTPlayer") != null) {
            url = document.getElementById("NXTPlayer").getAttribute('data-url');
        }
    }

    console.log("Return url:" + url);
    return url;
}

function CreateControls() {
    RemoveElement("dvp_infront_ifrvideo");
    RemoveElement("dvp_infront_close");
    RemoveElement("dvp_infront_video");
    RemoveElement("dvp_infront_background");

    var text = '';
    text += '<div id="dvp_infront_background">';
    text += '<div id="dvp_infront_video">';
    text += '<img id="dvp_infront_close" />';
    text += '<iframe id="dvp_infront_ifrvideo" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen allow="clipboard-read; clipboard-write"></iframe>';
    text += '</div>';
    text += '</div>';

    var url = ReturnUrlForHiddenControl();
    if (url != null && url != '') {
        RemoveElement("dvp_infront_hidurl");
        text += '<input type="hidden" id="dvp_infront_hidurl" value="' + url + '" />';
    }

    var div = document.createElement('div');
    div.innerHTML = text;
    while (div.children.length > 0) {
        document.body.appendChild(div.children[0]);
    }
}

function AddPlayButtonToCarImages() {
    AddCarButtonCenteredOnImage();

    var playButtonList = document.querySelectorAll('.dvp_infront_open');

    var dvsid = '';

    if (playButtonList != null) {
        var i;
        for (i = 0; i < playButtonList.length; i++) {
            var playButtonItem = playButtonList[i];
            var url = playButtonItem.getAttribute('data-url');
            dvsid = getParameterByName('dvsid', url);

            if (dvsid != '')
                break;
        }
    }

    if (dvsid != '' && dvsid != null) {
        if (ZIndexExecuted == false)
            ReturnZIndexByDVSID(dvsid);
    }

    var returned_data;
    var executeCarList = function (returned_data) {
        var classFromUser = returned_data;

        if (classFromUser != '') {
            if (playButtonList != null) {
                var carImageByClassList = document.querySelectorAll(classFromUser);

                if (carImageByClassList != null) {
                    console.log("Number images on dealer: " + carImageByClassList.length);
                    var i;
                    for (i = 0; i < playButtonList.length; i++) {
                        if (i < carImageByClassList.length) {
                            var playButtonItem = playButtonList[i];
                            var carImageItem = carImageByClassList[i];

                            MovePlayButtonToCarImage(carImageItem, playButtonItem);
                        }
                    }
                }
            }

            //carImageListBasedOnClassList = document.querySelectorAll('.' + classFromUser);

            //if (carImageListBasedOnClassList != null) {
            //    playButtonDefault = src;
            //    var i;
            //    for (i = 0; i < carImageListBasedOnClassList.length; i++) {
            //        var carImageListBasedOnClass = carImageListBasedOnClassList[i];
            //        var dataVIN = carImageListBasedOnClass.getAttribute('data-vin');

            //        SetCarImage(carImageListBasedOnClass, url, dataVIN);
            //    }
            //}
        }
    }

    ReturnCustomClassByDVSID(dvsid, executeCarList);
}

function AddCarButtonCenteredOnImage() {
    var dvsid = '';

    var carImageList = document.querySelectorAll('[' + 'data-carimage' + ']');
    if (carImageList != null) {
        var i;
        for (i = 0; i < carImageList.length; i++) {
            var carImage = carImageList[i];
            var dataUrl = carImage.getAttribute('data-url');
            var dataVIN = carImage.getAttribute('data-vin');

            if (dvsid == '') {
                dvsid = getParameterByName('dvsid', dataUrl);

                if (dvsid != '' && dvsid != null) {
                    if (ZIndexExecuted == false)
                        ReturnZIndexByDVSID(dvsid);
                }
            }

            if (vinsWithImages.indexOf(dataVIN) == -1 || !CheckCustomAttribute(dataVIN))
                SetCarImage(carImage, dataUrl, dataVIN);
        }
    }

    setTimeout(function () { AddCarButtonCenteredOnImage(); }, 1000);
}

function SetCarImage(carImage, dataUrl, dataVIN) {
    var carImageWidth = parseInt(carImage.width);
    var carImageHeight = parseInt(carImage.height);

    var playButtonWidth = parseInt((carImageWidth * 62.5) / 100);
    var playButtonHeight = parseInt((carImageHeight * 28) / 100);
    var playButtonTop = parseInt(carImageWidth / 2);
    var playButtonLeft = parseInt(carImageHeight / 2) - parseInt((carImageHeight * 22) / 100);

    if (playButtonHeight != 0) {
        var playButtonStyle = "z-index:" + ReturnMinusZIndex(ZIndex) + ";width:" + playButtonWidth + "px;height:" + playButtonHeight + "px;position:relative;top:-" + playButtonTop + "px;left:" + playButtonLeft + "px;";
        var playButton = "<img src='" + playButtonDefault + "' style='" + playButtonStyle + "' class='dvp_infront_open' data-vin='" + dataVIN + "' data-url='" + dataUrl + "'></img>";

        carImage.outerHTML = "<div data-nxtvin='" + dataVIN + "' style='height:" + carImageHeight + "px;'>" + carImage.outerHTML + playButton + "</div>";

        vinsWithImages += dataVIN + ",";
    }
}

function CheckCustomAttribute(vinValue) {
    var list = document.querySelectorAll('[' + 'data-nxtvin' + ']');
    if (list != null) {
        var i;
        for (i = 0; i < list.length; i++) {
            var listItem = list[i];
            var dataVIN = listItem.getAttribute('data-nxtvin');

            if (dataVIN == vinValue)
                return true;
        }
    }
    return false;
}

function MovePlayButtonToCarImage(carImage, playButton) {
    var carImageWidth = parseInt(carImage.width);
    var carImageHeight = parseInt(carImage.height);

    //if (carImageWidthInitial == 0 && carImageHeightInitial == 0) {
    //    carImageWidthInitial = carImageWidth;
    //    carImageHeightInitial = carImageHeight;
    //}
    //else {
    //    carImageWidth = carImageWidthInitial;
    //    carImageHeight = carImageHeightInitial;
    //}

    var playButtonWidth = parseInt((carImageWidth * 62.5) / 100);
    var playButtonHeight = parseInt((carImageHeight * 28) / 100);
    var playButtonTop = parseInt(carImageHeight / 2) + (playButtonHeight / 2);
    var playButtonLeft = parseInt(carImageWidth / 2) - (playButtonWidth / 2);

    var playButtonStyle = "z-index:" + ReturnMinusZIndex(ZIndex) + "; width:" + playButtonWidth + "px;height:" + playButtonHeight + "px;position:relative;top:-" + playButtonTop + "px;left:" + playButtonLeft + "px;";
    playButton.style.cssText = playButtonStyle;
    playButton.src = playButtonDefault;

    var playButtonHTML = playButton.outerHTML;
    playButton.parentNode.removeChild(playButton);

    carImage.outerHTML = "<div style='" + "width:" + carImageWidth + "px;height:" + carImageHeight + "px;'>" + carImage.outerHTML + playButtonHTML + "</div>";
}

function LoadPage() {
    AddPlayButtonToCarImages();
    CreateControls();

    var dvp_infront_open = 'dvp_infront_open';
    var dvp_infront_close = 'dvp_infront_close';
    var dvp_infront_background = 'dvp_infront_background';
    var dvp_infront_video = 'dvp_infront_video';

    document.getElementById(dvp_infront_background).style.display = 'none';
    document.getElementById(dvp_infront_video).style.display = 'none';
    if (!IsMobile()) {
        var calculatedright = (screen.width / 2) + 320;
        document.getElementById(dvp_infront_video).style.right = calculatedright + 'px';
    }

    if (document.getElementById(dvp_infront_open) != null) {
        document.getElementById(dvp_infront_open).style.cursor = 'pointer';
        document.getElementById(dvp_infront_open).style.display = 'none';
        document.getElementById(dvp_infront_open).onclick = function () { OpenVideo(this); };
    }
    var openButtonsList = document.getElementsByClassName(dvp_infront_open);
    if (openButtonsList != null) {
        var i;
        for (i = 0; i < openButtonsList.length; i++) {
            openButtonsList[i].style.display = 'none';
        }

        if (openButtonsList.length > 0) {
            var dvp_infront_hidurl = document.getElementById('dvp_infront_hidurl').value;
            var dvsid = getParameterByName('dvsid', dvp_infront_hidurl);

            if (dvsid != '' && dvsid != null) {
                if (ZIndexExecuted == false)
                    ReturnZIndexByDVSID(dvsid);
            }

            document.getElementById(dvp_infront_close).style.cursor = 'pointer';
            document.getElementById(dvp_infront_close).src = closeButtonDefault;
            document.getElementById(dvp_infront_close).onclick = function () { CloseVideo(); };

            //doOnOrientationChange();    
            VehiclesVideoByDealership(dvsid);
            setTimeout(function () { AssignClickOnButtons(); }, 1000);
        }
    }

    setTimeout(function () { CheckIframeVisibility(); }, 1000);
}

function AssignClickOnButtons() {
    var dvp_infront_open = 'dvp_infront_open';
    var dvp_infront_close = 'dvp_infront_close';
    var dvp_infront_background = 'dvp_infront_background';
    var dvp_infront_video = 'dvp_infront_video';
    var dvp_infront_hidVINs = 'dvp_infront_hidVINs';

    //if (document.getElementById(dvp_infront_open) != null) {
    //    document.getElementById(dvp_infront_open).style.cursor = 'pointer';
    //    var vinLocal = document.getElementById(dvp_infront_open).getAttribute('data-vin');
    //    var VINs = document.getElementById(dvp_infront_hidVINs).value;
    //    if (vinLocal != null && VINs.indexOf(vinLocal) != -1) {
    //        document.getElementById(dvp_infront_open).style.display = 'block !important';
    //        document.getElementById(dvp_infront_open).onclick = function () { OpenVideo(this); };
    //    }
    //}

    if (document.getElementById(dvp_infront_hidVINs) != null) {
        var openButtonsList = document.getElementsByClassName(dvp_infront_open);
        if (openButtonsList != null) {
            var VINs = document.getElementById(dvp_infront_hidVINs).value;
            var i;
            for (i = 0; i < openButtonsList.length; i++) {
                openButtonsList[i].style.cursor = 'pointer';
                openButtonsList[i].onclick = function () { OpenVideo(this); };
                var vin = openButtonsList[i].getAttribute('data-vin');

                openButtonsList[i].style.setProperty("width", "initial");
                openButtonsList[i].style.setProperty("z-index", ReturnMinusZIndex(ZIndex));
                openButtonsList[i].style.setProperty("position", "relative");

                if (VINs.indexOf(vin) == -1)
                    openButtonsList[i].style.setProperty("display", "none", "important");
                //openButtonsList[i].style.display = 'none !important';
                else
                    openButtonsList[i].style.setProperty("display", "block", "important");
                //openButtonsList[i].style.display = 'block !important';

                if (VINs != null && VINs != "") {
                    var arrayVINs = VINs.split(',');

                    for (j = 0; j < arrayVINs.length; j++) {
                        var info = arrayVINs[j].split('-'); //position 0 contains the vins, position 1 contains the url

                        if (String(info[0]).trim() == vin.trim()) {
                            if (openButtonsList[i].getAttribute("src") != info[1]) {
                                openButtonsList[i].setAttribute("src", info[1]);
                            }
                            break;
                        }
                    }
                }
            }
        }
    }

    document.getElementById(dvp_infront_close).style.cursor = 'pointer';
    //document.getElementById(dvp_infront_close).src = closeButtonDefault;
    document.getElementById(dvp_infront_close).onclick = function () { CloseVideo(); };

    //doOnOrientationChange();
    setTimeout(function () { AssignClickOnButtons(); }, 5000);
}

function VehiclesVideoByDealership(dvsid) {
    var url = serviceMethodVehiclesVideoByDealership + dvsid;
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.onload = function (e) {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                var returnvalue = xhr.responseText;
                if (returnvalue != "") {
                    var dvp_infront_background = 'dvp_infront_background';
                    var div = document.getElementById(dvp_infront_background);
                    var dvp_infront_hidVINs = "<input type='hidden' id='dvp_infront_hidVINs' value='" + returnvalue + "' />";
                    div.innerHTML = div.innerHTML + dvp_infront_hidVINs;
                }

                //console.log(xhr.responseText);
            } else {
                console.log(xhr.statusText);
            }
        }
    };
    xhr.onerror = function (e) {
        console.error(xhr.statusText);
    };
    xhr.send(null);
}

function ReturnCustomClassByDVSID(dvsid, callback) {
    var url = serviceMethodReturnCustomClassByDVSID + dvsid;
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.onload = function (e) {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                returned_data = xhr.responseText;
                //fire your callback function
                callback.apply(this, [returned_data]);

            } else {
                console.log(xhr.statusText);
            }
        }
    };
    xhr.onerror = function (e) {
        console.error(xhr.statusText);
    };
    xhr.send(null);
}

function ReturnZIndexByDVSID(dvsid) {
    var url = "";

    if (IsMobile()) {
        url = serviceMethodReturnZIndexByDVSIDMobile + dvsid;
    }
    else {
        url = serviceMethodReturnZIndexByDVSID + dvsid;
    }

    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.onload = function (e) {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                //returned_data = xhr.responseText;//
                ZIndex = xhr.responseText;
            } else {
                console.log(xhr.statusText);
            }
        }
    };
    xhr.onerror = function (e) {
        console.error(xhr.statusText);
    };
    xhr.send(null);
    ZIndexExecuted = true;
}

function ReturnShowContactFormByDVSID(dvsid, callback) {
    var url = serviceMethodReturnShowContactFormByDVSID + dvsid;
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.onload = function (e) {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                returned_data = xhr.responseText;
                //fire your callback function
                callback.apply(this, [returned_data]);

            } else {
                console.log(xhr.statusText);
            }
        }
    };
    xhr.onerror = function (e) {
        console.error(xhr.statusText);
    };
    xhr.send(null);
}

function getParameterByName(name, url) {
    if (!url) {
        url = window.location.href;
    }
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

IsMobile = function () {
    var check = false;
    (function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor || window.opera);
    return check;
};


function SetDivAccordinToType(Type) {
    var dvp_infront_video = 'dvp_infront_video';
    var dvp_infront_close = 'dvp_infront_close';

    if (Type == 1) //Desktop
    {
        var regularHeight = '480px';
        var dvp_infront_hidurl = document.getElementById('dvp_infront_hidurl').value;
        var h = getParameterByName('h', dvp_infront_hidurl); //Hide header
        if (h != '' && h == '0') {
            regularHeight = '415px';
        }

        var returned_data;
        var executeShowContactForm = function (returned_data) {
            var showContactForm = returned_data;

            var widthDesktop = '640px';
            var defaultCalculate = 320; //it is 640/2

            if (showContactForm == '1') {
                widthDesktop = '885px';
                defaultCalculate = 445; //it is 890/2
            }

            var calculatedright = (screen.width / 2) - defaultCalculate;

            document.getElementById(dvp_infront_video).style.width = widthDesktop;
            document.getElementById(dvp_infront_video).style.height = regularHeight;
            document.getElementById(dvp_infront_video).style.margin = 'auto';
            document.getElementById(dvp_infront_video).style.marginTop = '150px';

            document.getElementById(dvp_infront_close).style.cssFloat = 'right';
            document.getElementById(dvp_infront_close).style.right = calculatedright + 'px';
            document.getElementById(dvp_infront_close).style.marginTop = '150px';
            document.getElementById(dvp_infront_close).style.top = '0.5%';
            document.getElementById(dvp_infront_close).style.width = '31px';
            document.getElementById(dvp_infront_close).style.height = '31px';
        }

        var dvsid = getParameterByName('dvsid', dvp_infront_hidurl);

        ReturnShowContactFormByDVSID(dvsid, executeShowContactForm);

    }
    else //Mobile
    {
        document.getElementById(dvp_infront_video).style.width = '100%';
        document.getElementById(dvp_infront_video).style.height = '100%';
        document.getElementById(dvp_infront_video).style.margin = '';
        //document.getElementById(dvp_infront_video).style.padding = '';

        document.getElementById(dvp_infront_close).style.cssFloat = '';
        document.getElementById(dvp_infront_close).style.right = '0.5%';
        document.getElementById(dvp_infront_close).style.top = '1%';
        document.getElementById(dvp_infront_close).style.height = 'auto';
    }
}

//function doOnOrientationChange() {
//    if (!IsMobile())
//        return;

//    var ifrId = 'dvp_infront_ifrvideo'; //Put your iframe id here
//    var dvp_infront_hidurl = document.getElementById('dvp_infront_hidurl').value;

//    switch (window.orientation) {
//        case -90:
//        case 90:
//            document.getElementById(ifrId).src = dvp_infront_hidurl + '&rp=' + Math.random();
//            break;
//        default:
//            document.getElementById(ifrId).src = dvp_infront_hidurl + '&rp=' + Math.random();
//            break;
//    }
//}

//window.addEventListener('orientationchange', doOnOrientationChange);

function OpenVideo(openImageButton) {
    if (IsMobile())
        SetDivAccordinToType(2);
    else
        SetDivAccordinToType(1);

    var dvp_infront_open = 'dvp_infront_open';
    var dvp_infront_close = 'dvp_infront_close';
    var dvp_infront_video = 'dvp_infront_video';
    var dvp_infront_background = 'dvp_infront_background';
    var dvp_infront_ifrvideo = 'dvp_infront_ifrvideo';

    //if (document.getElementById(dvp_infront_open) != null)
    //    document.getElementById(dvp_infront_open).style.display = 'none';
    //openImageButton.style.display = 'none';

    document.getElementById(dvp_infront_close).style.display = 'block';
    document.getElementById(dvp_infront_close).style.position = 'absolute';

    document.getElementById(dvp_infront_video).style.display = 'block';

    if (IsMobile()) {
        document.getElementById(dvp_infront_video).style.backgroundColor = 'black';
    }
    else {
        document.getElementById(dvp_infront_video).style.backgroundColor = 'rgba(0,0,0,0.4)';
    }

    document.getElementById(dvp_infront_background).style.display = 'block';
    document.getElementById(dvp_infront_background).style.position = 'fixed';
    document.getElementById(dvp_infront_background).style.zIndex = ReturnPlusZIndex(ZIndex);
    document.getElementById(dvp_infront_background).style.left = '0';
    document.getElementById(dvp_infront_background).style.top = '0';
    document.getElementById(dvp_infront_background).style.width = '100%';
    document.getElementById(dvp_infront_background).style.height = '100%';
    document.getElementById(dvp_infront_background).style.overflow = 'auto';
    document.getElementById(dvp_infront_background).style.backgroundColor = 'rgba(0,0,0,0.4)';

    var dvp_infront_hidurl = document.getElementById('dvp_infront_hidurl').value;
    var vin = openImageButton.getAttribute('data-vin');

    var completeUrl = dvp_infront_hidurl;
    if (vin != null && vin != "")
        completeUrl += "&vin=" + vin;

    completeUrl += "&fd=1";

    document.getElementById(dvp_infront_ifrvideo).style.width = '100%';
    document.getElementById(dvp_infront_ifrvideo).style.height = '100%';
    document.getElementById(dvp_infront_ifrvideo).style.border = '0';
    document.getElementById(dvp_infront_ifrvideo).src = completeUrl;

    event.stopPropagation();
    event.preventDefault();
}

function CloseVideo() {
    var dvp_infront_open = 'dvp_infront_open';
    var dvp_infront_close = 'dvp_infront_close';
    var dvp_infront_video = 'dvp_infront_video';
    var dvp_infront_background = 'dvp_infront_background';
    var dvp_infront_ifrvideo = 'dvp_infront_ifrvideo';

    //if (document.getElementById(dvp_infront_open) != null)
    //    document.getElementById(dvp_infront_open).style.display = 'block';
    //var openButtonsList = document.getElementsByClassName(dvp_infront_open);
    //if (openButtonsList != null) {
    //var i;
    //    for (i = 0; i < openButtonsList.length; i++) {
    //        openButtonsList[i].style.display = 'block';
    //    }
    //}

    document.getElementById(dvp_infront_close).style.display = 'none';
    document.getElementById(dvp_infront_video).style.display = 'none';
    document.getElementById(dvp_infront_background).style.display = 'none';
    document.getElementById(dvp_infront_ifrvideo).src = '';
}

function ReturnMinusZIndex(ZIndex) {
    var zIndexLocal = parseInt(ZIndex);
    zIndexLocal = zIndexLocal - 1;

    return String(zIndexLocal);
}

function ReturnPlusZIndex(ZIndex) {
    var zIndexLocal = parseInt(ZIndex);
    zIndexLocal = zIndexLocal + 1;

    zIndexLocal = parseInt(ZIndexMax);

    return String(zIndexLocal);
}

function CheckIframeVisibility() {
    if (document.getElementById("ifrNexteppe") != null) {
        var url = document.getElementById("ifrNexteppe").getAttribute('src');

        var dvsid = getParameterByName('dvsid', url);

        var vin = getParameterByName('VIN', url);

        VehiclesVideoByDealership(dvsid);

        var VINs = document.getElementById('dvp_infront_hidVINs').value;

        vin = vin.toLowerCase();
        VINs = VINs.toLowerCase();

        if (VINs != null && VINs != "") {
            if (VINs.indexOf(vin) != -1) {
                return;
            }
            else {
                document.getElementById("ifrNexteppe").style.display = 'none';
            }
        }
        else {
            document.getElementById("ifrNexteppe").style.display = 'none';
        }
    }
}

window.addEventListener("message", function (event) {
    if (event.origin !== 'Nexteppe-Video-Script') { return; }

    var valuetocopy = event.data;

    var $tempInput = $("<input>");
    $("body").append($tempInput);
    $tempInput.val(valuetocopy).select();
    navigator.clipboard.writeText($tempInput.val());
    $tempInput.remove();
});