var outdoorDroneGuid = '';
var allowMoveMent = true;
$(document).ready(function () {
    //if (isPanoPublished() == 'True') {
        if (isMarzipanoAllowed() == 'True' && typeof isVRView == 'undefined') {
            var showMapButton = MarzipanoSkinDetail.data.marzipanoSkinCompanyInfo.showMapButton;
            if (showMapButton == true) {
                isMapAllowed = true;
                $('#infoMap').show();
            }
            else {
                isMapAllowed = false;
                $('#infoMap').hide();
            }
            setSkinDisplay();
            //loadDetail();
            if (toureSkinType == 0) {
                LeftNavIcon_Click();
            }
            //var myVar = setInterval(function () {
            //    $('#cross').trigger('click');
            //}, 5000);
            if (mql.matches == true) {
                $('.ggskin-zoom-out').hide();
                $('.ggskin-zoom-in').hide();
            }
            $('#show').click(function () {
                if ($('.skin-footer').css('display') == 'none') {
                    //clearInterval(myVar);
                    $('#slider_thumb').slideDown();
                    $('.skin-footer').slideDown();
                    if (mql.matches == true) {
                        $('.ggskin-zoom-out').show();
                        $('.ggskin-zoom-in').show();
                    }
                    $('#show').hide();
                }

            });
            $('#cross').click(function () {
                if ($('.skin-footer').css('display') != 'none') {
                    $('#slider_thumb').slideUp();
                    $('.skin-footer').slideUp();
                    $('.ggskin-zoom-out').hide();
                    $('.ggskin-zoom-in').hide();
                    $('#show').show('slow');
                }
            });
            if (toureSkinType == 0 || toureSkinType == 1) {
                $("#carousel").html(verticalbarInner());
            } else if (toureSkinType == 2) {
                //$('#info_popupSvenskPng').attr('src', SkinBaseUrl() + "images/info_popuptour.png");
                $('#Skin_2_Slides').html(verticalbarInner());
                $('#Skin_2_Slides div').click(function () {
                    getPanoramaDetail($(this).find('img').attr('guid'));
                });

                if ($('#Skin_2_Slides .slide').length < 4) {
                    window.setTimeout(function () {
                        if ($('#Skin_2_Slides .slide').length == 2) {
                            $('.bx-wrapper').addClass('bx-wrapper-2');
                        }
                        else if ($('#Skin_2_Slides .slide').length == 3) {
                            $('.bx-wrapper').addClass('bx-wrapper-3');
                        }
                    }, 400);
                }
            }

            $('#carousel').elastislide();
            if ($('#carousel li').length <= 5) {
                $('#slider_thumb').css('width', (parseInt($('#carousel li').length * 152) + 80) + 'px');
            }
            if (mql.matches == false) {
                $('#fullscreenTogglesTour2').show();
            }
            else {
                $('#fullscreenTogglesTour2').hide();
            }
            if (referUrl().toLowerCase().indexOf("dynamicdroneview.aspx") == -1 && referUrl().toLowerCase().indexOf("previewtour.aspx") == -1) {
                if (culture().toLowerCase() == 'sv-se') {
                    $('#imgProcessing').attr('src', 'images/pano-drag-icon-sweden.gif');
                } else {
                    $('#imgProcessing').attr('src', 'images/pano-drag-icon-English.gif');
                }
            }
            else {
                //======== hide hand if redirect from DynamicDroneView.aspx or previewtour.aspx
                $('#divProcessing').hide();
            }
            window.setTimeout(function () { $('#divProcessing').hide(); }, 5000);

            if (returnQueryString("isDashboard") == '1' && subscriptiontype >= 2 && returnQueryString("type") != 'publish') {
                $('.container-fluid').hide();
            }
        }
        //if (allowPanoClick == true) {
        //    var panoQuery = document.querySelector('#pano');
        //    if (mql.matches == false) {
        //        //$("#div_Marzipano").mouseenter(function (event) {
        //        //    $('#show').trigger('click');
        //        //});
        //        //$("#div_Marzipano").mousemove(function (event) {
        //        //    $('#show').trigger('click');
        //        //});
        //        //$("#div_Marzipano").mouseleave(function (event) {
        //        //    $('#cross').trigger('click');
        //        //});
        //    }
        //}
        $("#mapDiv").on("shown.bs.modal", function () {
            google.maps.event.trigger(marzipanomap, "resize");
            var latlng = new google.maps.LatLng(panolatitude(), panolongitude());
            marzipanomap.setCenter(latlng);
        });
        setTourSkin2();

        setThumbSelected(getUrlpanoguid());
        var isVrDisplayQrString = returnQueryString("isVrDisplay");
        if (isVrDisplayQrString != undefined && isVrDisplayQrString != '') {
            displayVrView();
            isVRView = true;
        }
        if (typeof isVRView != 'undefined') {
            view = viewLeft;
            loadDetail(leftLayer);
            view = viewRight;
            loadDetail(rightLayer);
        }
        else {
            loadDetail();
        }
    //}

    var searchurl = location.search;
    if (searchurl.indexOf("parantorgcompanyid") > 0 && searchurl.indexOf("companyId") > 0) {
        $("#btnBackToOculusMap").show();
    } else if (referUrl().indexOf("parantorgcompanyid") > 0 && referUrl().indexOf("companyId") > 0) {
        $("#btnBackToOculusMap").show();
    }

    $("#btnBackToOculusMap").click(function () {
        var querystring = "";
        if (location.search.indexOf("parantorgcompanyid") > 0 && location.search.indexOf("companyId") > 0) {
            querystring = getQuerystring("panoguid");
            if (querystring != "") {
                querystring = "?" + querystring.substring(0, querystring.length - 1);
                querystring = querystring.replace("long", "lng");
            }
        }
        else if (referUrl().indexOf("parantorgcompanyid") > 0 && referUrl().indexOf("companyId") > 0) {
            querystring = getQuerystringFromUrl(referUrl(), "panoguid");
            if (querystring != "") {
                querystring = "?" + querystring.substring(0, querystring.length - 1);
                querystring = querystring.replace("long", "lng");
            }
        }
        window.location.href = "oculus.aspx" + querystring;
    });
});
function getQuerystringFromUrl(url, sRestrictkeys) {
    var querystring = "";
    if (url != '') {
        url = url.split('?')[1];
        var urlarray = url.split('&');
        if (urlarray.length > 0) {
            for (var i = 0; i < urlarray.length; i++) {
                var key = urlarray[i].split('=')[0];
                if (sRestrictkeys.indexOf(key) < 0) {
                    querystring = querystring + urlarray[i] + "&";
                }
            }
        }
    }
    return querystring;
}
//function getUrlpanoguid() {
//    var panoguid, hash;
//    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
//    for (var i = 0; i < hashes.length; i++) {
//        hash = hashes[i].split('=');
//        if (hash[0] == "panoguid") {
//            return hash[1];
//        }
//    }
//    return panoguid;
//}
function toggleMenu() {
    if ($('.skin-footer').css('display') == 'none') {
        $('#show').trigger('click');
    }
    else {
        $('#cross').trigger('click');
    }
}
$(window).resize(function () {
    if ($('#carousel li').length <= 5) {
        if ($(window).width() <= 400) {
            $('#slider_thumb').css('width', 'auto');
        } else {
            $('#slider_thumb').css('width', (parseInt($('#carousel li').length * 152) + 80) + 'px');
        }
    }
})
function loadDetail(layerId) {
    jsonHotSpot = [];
    //HspotIndex = 0;
    arrHotSpot = [];
    if ($('#hdn_arrHotSpotLines').val() != "") {
        arrHotSpot = JSON.parse($('#hdn_arrHotSpotLines').val());
        window.setTimeout(function () {
            $.each(arrHotSpot, function (ind, dat) {
                dat.isLineDraw = false;
                hotSpotCount += 1;
                dat.isAddedArray = true;
                //addNewLineHotSpot(scene, { position: { yaw: dat.point1Yaw, pitch: dat.point1Pitch, fov: dat.point1Fov } }, dat.lineHeight, dat.lineBackColor, dat.lineID, dat.isAddedArray);
                if (ind == 0) {
                    HspotIndex = parseInt(dat.point1.split('_')[1]);
                    addLineSpotOnPosition({ yaw: dat.point1Yaw, pitch: dat.point1Pitch, fov: dat.point1Fov }, layerId);
                    HspotIndex = parseInt(dat.point2.split('_')[1]);
                    addLineSpotOnPosition({ yaw: dat.point2Yaw, pitch: dat.point2Pitch, fov: dat.point2Fov }, layerId);
                    var point3 = {
                        yaw: dat.point3Yaw,
                        pitch: dat.point3Pitch,
                        fov: dat.point3Fov,
                    };
                    hotSpotCount += 1;
                    addNewLinePoint(point3, HspotIndex, lineId, 2, layerId);
                }
                else {
                    if (dat.point1 != arrHotSpot[ind - 1].point2) {
                        HspotIndex = parseInt(dat.point1.split('_')[1]);
                        addLineSpotOnPosition({ yaw: dat.point1Yaw, pitch: dat.point1Pitch, fov: dat.point1Fov });
                    }
                    hotSpotCount += 1;
                    HspotIndex = parseInt(dat.point2.split('_')[1]);
                    addLineSpotOnPosition({ yaw: dat.point2Yaw, pitch: dat.point2Pitch, fov: dat.point2Fov });
                    var point3 = {
                        yaw: dat.point3Yaw,
                        pitch: dat.point3Pitch,
                        fov: dat.point3Fov,
                    };
                    addNewLinePoint(point3, HspotIndex, lineId, 2, layerId);
                }
                //arrHotSpot[ind].point1 = point1.id;
                //arrHotSpot[ind].point2 = point2.id;
                //arrHotSpot[ind].lineId = lineId;
            })
            drawLine();
        }, 100)
    }
    if (IsTourCreatedFromVRApp == "True") {
        var obj = [];
        if ($('#hdn_HotSpotCollection').val() != "") {
            obj = JSON.parse($('#hdn_HotSpotCollection').val());
        }
        //obj.push(JSON.parse('{"hotspotname":"","hotspotpan":-88.50988001699294,"hotspottilt":90.00007601981207,"hotspotfov":1.22172944444444,"hotspotimagename":"companylogo","hotspoturl":"","autogenerate":false,"hotspotid":"","poisId":0,"hotspoturltarget":"","hotspotcategoryname":"","hotspotcategorydisplayname":"","marzipanoHotspot":{"HspotIndex":1,"position":{"yaw":-1.54478752201436,"pitch":1.5707963267948966,"fov":1.22172944444444},"imagePath":"images/bottomlogo.png","title":"","wrapperId":"hotspoticonwrapper_1","hotspotId":"hotspotId_1","hotspotTitleId":"hotspotId_1_title"}}'));
        obj.push(JSON.parse('{"hotspotname":"","hotspotpan":-88.50988001699294,"hotspottilt":90.00007601981207,"hotspotfov":1.22172944444444,"hotspotimagename":"companylogo","hotspoturl":"","autogenerate":false,"hotspotid":"","poisId":0,"hotspoturltarget":"","hotspotcategoryname":"","hotspotcategorydisplayname":"","marzipanoHotspot":{"HspotIndex":2,"position":{"yaw":-1.5454106034713053,"pitch":1.5714298987586233,"fov":2.09439333333333},"imagePath":"companylogo","title":"","wrapperId":"hotspoticonwrapper_2","hotspotId":"hotspotId_2","hotspotTitleId":"hotspotId_2_title"}}'));
        $('#hdn_HotSpotCollection').val(JSON.stringify(obj));
    }
    if ($('#hdn_HotSpotCollection').val() != "") {
        jsonHotSpot = JSON.parse($('#hdn_HotSpotCollection').val());
        //imagedetail.imageSrc = "images/bottomlogo.png";// SkinBaseUrl() + "images/" + HotSpotImageData.imageName;
        //imagedetail.imageHeight = 240;// HotSpotImageData.imageHeight;
        //imagedetail.imageWidth = 505;// HotSpotImageData.imageWidth;
        $.each(jsonHotSpot, function (ind, dat) {
            hotspoturl = jsonHotSpot[ind].hotspoturl;
            dat.hotspotpan = dat.hotspotpan;
            dat.hotspottilt = dat.hotspottilt;
            dat.marzipanoHotspot = AddCustomHotSpot(jsonHotSpot[ind].hotspoturltarget, hotspoturl, dat.hotspotname, dat.hotspotpan, dat.hotspottilt, dat.hotspotimagename, dat.hotspotcategoryvalue, dat.destinationpanoguid, layerId)
        });

        window.setTimeout(function () {
            //resetRightLevelPosition();
            if (toureSkinType == 2) {
                $('.out').css('border', '5px solid ' + MarzipanoSkinDetail.data.marzipanoSkinCompanyInfo.animationcolor + '');
                $('.in-2').css('background-color', '' + MarzipanoSkinDetail.data.marzipanoSkinCompanyInfo.animationcolor + '');
                //if (skinid() == 81) {
                //    $('.out').css('border', '5px solid #920237');
                //    $('.in-2').css('background-color', '#920237');
                //}
                //else if (skinid() == 82) {
                //    $('.out').css('border', '5px solid #3c7384');
                //    $('.in-2').css('background-color', '#3c7384');
                //}
                //else if (skinid() == 83) {
                //    $('.out').css('border', '5px solid #F17E19 ');
                //    $('.in-2').css('background-color', '#F17E19 ');
                //}
                //else if (skinid() == 84) {
                //    $('.out').css('border', '5px solid #00B8E3 ');
                //    $('.in-2').css('background-color', '#00B8E3 ');
                //}
                //else if (skinid() == 85) {
                //    $('.out').css('border', '5px solid #c11f39 ');
                //    $('.in-2').css('background-color', '#c11f39 ');
                //}
                //else if (skinid() == 76) {
                //    $('.out').css('border', '5px solid #F1C701 ');
                //    $('.in-2').css('background-color', '#F1C701 ');
                //}
                //else if (skinid() == 66) {
                //    $('.out').css('border', '5px solid #425d6d');
                //    $('.in-2').css('background-color', '#425d6d');
                //}
            }
        }, 200)

    }
}
var HspotIndex = 1;
function AddCustomHotSpot(target, hotspoturl, hotspottitle, hotspotpan, hotspottilt, hotspotimagename, customClassName, destinationpanoguid, layerId) {
    if (isMarzipanoAllowed() == 'True') {
        //if (jsonHotSpot.length > 0) {
        //    HspotIndex = parseInt(jsonHotSpot[jsonHotSpot.length - 1].marzipanoHotspot.HspotIndex) + 1;
        //}
        var position;
        if (hotspotpan != "" && hotspotpan != undefined && hotspotpan != null) {
            position = {
                yaw: (hotspotpan * (22 / 7)) / 180,
                pitch: (hotspottilt * (22 / 7)) / 180,
                fov: view.fov()
            };
        }
        else {
            position = {
                yaw: view.yaw(),
                pitch: view.pitch(),
                fov: view.fov()
            };
        }

        var marzipanoHotspot = { HspotIndex: HspotIndex, position: position, imagePath: hotspotimagename, title: hotspottitle, destinationpanoguid: destinationpanoguid };
        marzipanoHotspot = addNewHotSpot(target, hotspoturl, scene, marzipanoHotspot, customClassName, layerId);
        return marzipanoHotspot;
    }
}
function showmap() {
    if ($('#map').css('visibility') == 'visible') {
        $('#mapDiv').modal('hide');
    }
    else {
        $('#mapDiv').modal('show');
    }
}
function GenerateXML(guid) {
    if (guid != "") {
        var url = "api/tourpreview/xml?panoguid=" + guid + "&tourid=" + $("#hdTourid").val();
        var response = MakeSyncWebCall(url, "{}", "get");
        if (response != "") {
            pano.readConfigString(response);
            setTimeout(function () { CleanBlankTitles(); CheckAllCategories(); initMap(); }, 300);
        }
    }
}
function showElementsByFilters(classname, showorhide) {
    if (showorhide == "show") {
        if (isMarzipanoAllowed() == 'True') {
            $.each(jsonHotSpot, function (ind, dat) {
                if (dat.hotspotcategoryvalue == classname) {
                    hotspoturl = jsonHotSpot[ind].hotspoturl;
                    dat.hotspotpan = dat.hotspotpan;
                    dat.hotspottilt = dat.hotspottilt;
                    dat.marzipanoHotspot = AddCustomHotSpot(jsonHotSpot[ind].hotspoturltarget, hotspoturl, dat.hotspotname, dat.hotspotpan, dat.hotspottilt, dat.hotspotimagename, dat.hotspotcategoryvalue, dat.destinationpanoguid)
                }
            })
        } else {
            $("." + classname).show();
        }
    }
    else {
        if (isMarzipanoAllowed() == 'True') {
            $("." + classname).remove();
        } else {
            $("." + classname).hide();
        }
    }
}
function isSelected(view) {
    var classname = $(view).attr('categoryvalue');
    if (view.name.length <= 0) {

        view.src = SkinBaseUrl() + 'images/unselected.png';
        view.name = "fastout";
        showElementsByFilters(classname, 'hide');
    }
    else {
        view.src = SkinBaseUrl() + 'images/selected.png';
        view.name = "";
        showElementsByFilters(classname, 'show');
    }
}
function CheckAllCategories() {
    //$('.ggskin.ggskin_button').each(function (index) {
    //    alert($(this).find('img').attr('src'));
    //    if ($(this).find('img').attr('src').search('unselected.png') > 0) {
    //        debugger;
    //        var imageurl = $(this).find('img').attr('src');
    //        $(this).find('img').attr('src', imageurl.replace('unselected.png', 'selected.png'));
    //    }
    //});

    $('img').each(function () {
        if ($(this).attr('src') != undefined) {
            if ($(this).attr('src').search('unselected.png') > 0) {
                var curSrc = $(this).attr('src');
                curSrc = curSrc.replace("unselected.png", "selected.png");
                $(this).attr('src', curSrc);
                $(this).attr('name', '');
            }
        }
    });
}
function LeftNavIcon_Click() {
    if ($('#BgleftNav').css('transform').split(',')[4] == 0) {
        $('#BgleftNav').css('transform', 'translate(-' + $('#BgleftNav').width() + 'px, 0px) rotate(0deg) scale(1, 1)');
        $('#map').css('transform', 'translate(-' + $('#BgleftNav').width() + 'px, 0px) rotate(0deg) scale(1, 1)');
    }
    else {
        $('#BgleftNav').css('transform', 'translate(0px, 0px) rotate(0deg) scale(1, 1)');
        $('#map').css('transform', 'translate(0px, 0px) rotate(0deg) scale(1, 1)');

    }
}
function ToggleMenuBtn_Click() {
    if ($('#BgNavigationRight').css('transform').split(',')[4] == 0) {
        showCatMenu();
    }
    else {
        hideCatMenu();
    }
}
function showCatMenu() {
    $('#BgNavigationRight').css('transform', 'translate(-' + $('#BgNavigationRight').width() + 'px, 0px) rotate(0deg) scale(1, 1)');
    $('#div_rightNavbutton').css('transform', 'translate(-' + $('#BgNavigationRight').width() + 'px, 0px) rotate(0deg) scale(1, 1)');
}
function hideCatMenu() {
    $('#BgNavigationRight').css('transform', 'translate(0px, 0px) rotate(0deg) scale(1, 1)');
    $('#div_rightNavbutton').css('transform', 'translate(0px, 0px) rotate(0deg) scale(1, 1)');
}
function getPanoramaLines() {
    var url = "api/tourpreview/getPanoramaLines?panoguid=" + guid + "&tourid=" + $("#hdTourid").val();
    var response = MakeSyncWebCall(url, "{}", "get");
    if (response != "") {
        $('#hdn_arrHotSpotLines').val(response);
    }
}
function getPanoramaDetail(guid) {
    setTimeout(function () { 
    $('#hdn_PanoramaGuid').val('');
    if (guid != "") {
        $('#hdn_PanoramaGuid').val(guid);
        $('#hdn_arrHotSpotLines').val('');
        $('#hdn_HotSpotCollection').val('');
        $('.info-hotspot-icon-wrapper').remove();
        $('.bottomlogoimg').remove();
        var url = "api/tourpreview/getPanoramaDetail?panoguid=" + guid + "&tourid=" + $("#hdTourid").val();
        var res = MakeSyncWebCall(url, "{}", "get");
        if (res != "") {
            var response = JSON.parse(res);
            //toureSkinType = response.opanoramaresponse.data.panorama.toureSkinType;
            viewtype = response.opanoramaresponse.data.panorama.viewtype;
            $('#hdn_startYaw').val(response.hdn_startYaw);
            $('#hdn_startPitch').val(response.hdn_startPitch);
            $('#hdn_startFov').val(response.hdn_startFov);
            $('#hdn_minFov').val(response.hdn_minFov);
            $('#hdn_maxFov').val(response.hdn_maxFov);

            if (response.opanoramaresponse.data.panorama.hotspots.length > 0) {
                var arr = [];
                $.each(response.opanoramaresponse.data.panorama.hotspots, function (ind, item) {
                    if (item.hotspotimagename.toLowerCase().indexOf('hs_hviewhide') == -1) {
                        var obj = new Object;
                        obj.hotspotname = item.name;
                        obj.hotspotpan = -1 * item.pan;
                        obj.hotspottilt = -1 * item.tilt;
                        obj.hotspotfov = 0;
                        obj.hotspotimagename = item.hotspotimagename;
                        obj.hotspoturl = item.hotspotimagename.toLowerCase().indexOf('comment') > 0 ? item.hotspotcomments : item.href;
                        obj.hotspoturltarget = item.target;
                        obj.autogenerate = false;
                        obj.hotspotid = item.hotspotid;
                        obj.hotspotcategoryvalue = item.hotspotcategoryvalue;
                        obj.hotspotcategoryname = item.hotspotcategoryname;
                        obj.destinationpanoguid = item.destinationpanoguid;
                        arr.push(obj);
                    }
                })
                $('#hdn_HotSpotCollection').val(JSON.stringify(arr));
            }
            if (response.lsthotspotLine.length > 0) {
                $('#hdn_arrHotSpotLines').val(JSON.stringify(response.lsthotspotLine));
            }
            $('#hdmarzipanoimgUrl').val(response.hdmarzipanoimgUrl);
            $('#hdMarzipanoSkinDetail').val(response.MarzipanoSkinDetail); 
            $('#hdnPreviewSingleImageUrl').val(response.hdnPreviewSingleImageUrl);

            updateScene();
            HspotIndex = 0;

            loadDetail();
            setSkinDisplay();
            setTourSkin2();
            setTimeout(function () { CleanBlankTitles(); CheckAllCategories(); }, 300);

        }
        //=============== get categories ==============
        getPanoramaTourCategories(guid);
        setThumbSelected(guid);
        setSkinDisplay();
        if (viewer != undefined && skinid() != 92) {
            viewer.startMovement(autorotate);
        }
    }
    }, 100);
}
function updateScene() {
    var startYaw = $('#hdn_startYaw').val(), startPitch = $('#hdn_startPitch').val(), startFov = $('#hdn_startFov').val();
    if (toureSkinType == 2 && startFov == "0") {
        startFov = $('#hdn_maxFov').val();
    }
    var initialView = {
        yaw: startYaw,
        pitch: startPitch,
        fov: startFov
    };

    imagesPath = $('#hdmarzipanoimgUrl').val();//.toLowerCase();// GetMarzipanoImageBasePath() + "/" + $.trim(MarzipanoSkinDetail.data.marzipanoPanoImagesList[0].countrycode) + "/" + $.trim(MarzipanoSkinDetail.data.marzipanoPanoImagesList[0].panobankguid) + "/" + MarzipanoSkinDetail.data.marzipanoPanoImagesList[0].marzipanoImageName + "_{f}.jpg";//"panoimages/test" + "_" + "{f}.jpg";
    var previewImagesPath = $('#hdmarzipanoimgUrl').val().replace('{f}', 'preview');
    source = Marzipano.ImageUrlSource.fromString(
      imagesPath,
      { cubeMapPreviewUrl: previewImagesPath, cubeMapPreviewFaceOrder: 'fdrblu' }
    );
    if (imagesPath.toLowerCase().indexOf("{f}.jpg") == -1) // single image
    {
        MarzipanoSkinDetail.data.marzipanoSkinCompanyInfo.hasSingleImage = true;
        if ($('#hdnPreviewSingleImageUrl').val() != "") {
            source = new Marzipano.ImageUrlSource(function (tile) {
                if (tile.z === 0) {
                    return { url: $('#hdnPreviewSingleImageUrl').val() };
                } else {
                    return { url: imagesPath };
                }
            });
        }
    }
    else {
        MarzipanoSkinDetail.data.marzipanoSkinCompanyInfo.hasSingleImage = false;
    }
    
    view = new Marzipano.RectilinearView(initialView, limiter);
    scene = viewer.createScene({
        source: source,
        geometry: geometry,
        view: view,
        pinFirstLevel: true
    });
    scene.switchTo({
        transitionDuration: 2000
    });
    scene.layer().setEffects({ opacity: 0 });

    //startAutorotate();
}
//$('#pano').click(function (e) {
//    alert('asd')
//    autorotateToggleElement.classList.remove('enabled');
//    stopAutorotate();
//})
//$('#pano').dblclick(function (e) {
//    autorotateToggleElement.classList.add('enabled');
//    startAutorotate();
//})
function CleanBlankTitles() {
    $('.ggskin.ggskin_text').each(function (index) {
        if ($(this).find('div').length == 1 && $(this).find('div').text().trim() == '') {
            $(this).hide();
        }
    });
}
function setSkinDisplay() {

    $('#BgleftNav').css('transform', 'translate(-' + $('#BgleftNav').width() + 'px, 0px) rotate(0deg) scale(1, 1)');
    $('#map').css('transform', 'translate(-' + $('#BgleftNav').width() + 'px, 0px) rotate(0deg) scale(1, 1)');
    $('#map').css('visibility', 'hidden');
    if (toureSkinType == 0 && isMarzipanoAllowed() == "True") //outerSkin
    {
        $("#BgTopNavInner").hide();
        $("#controlIconOuter").show();
        $("#div_rightNavbutton").show();
        $("#BgleftNav").show();
        $("#controlIconInner").hide();
        if (mql.matches) {
            $('#btnfullscreen_marzipano').css('margin-right', '0px');
            $('#div_LeftNavIcon_marzipano').css('margin-right', '0px');
        }
    }
    else if (toureSkinType == 1 && isMarzipanoAllowed() == "True")// innerskin
    {
        $("#BgTopNavInner").show();
        $("#controlIconOuter").hide();
        $("#div_rightNavbutton").hide();
        $("#BgleftNav").hide();
        if (showTourMapButton == "1") {
            $('#ToggleMapBtnInner').show();
        }
        if (showTourMapButton == "1" || $("#BgNavigationRightInner").html() != '') {
            $("#controlIconInner").show();
        }
        $('.elastislide-next').show();
        if ($('#BgNavigationRightInner').html() == '') {
            $('#BgNavigationRight').css('transform', 'translate(0px, 0px) rotate(0deg) scale(1, 1)');
            $('#ToggleMenuBtnInner').hide();
        }
        else {

            $('#ToggleMenuBtnInner').show();
        }
    }
}
function getPanoramaTourCategories(guid) {
    $("#BgNavigationRightInner").html('');
    if (guid != "") {
        var hotSpotCategories = "";
        var url = "api/tourpreview/getPanoramaTourCategories?panoguid=" + guid;
        var res = MakeSyncWebCall(url, "{}", "get");
        if (res != "") {
            var response = JSON.parse(res);

            if (response.lihotspotcategoriesdata.length > 0) {
                $.each(response.lihotspotcategoriesdata, function (index, item) {

                    hotSpotCategories += "<div class=\"ggskin ggskin_container\" style=\"visibility: inherit; width: 270px; transform - origin: 50 % 50 % 0px;\">" +
                                         "<div class=\"ggskin ggskin_text\" style=\"visibility: inherit; width: 205px; transform-origin: 50% 50% 0px;\">" +
                                        "<div style = \"visibility: inherit; width: 205px; width: 205px; color: rgba(0,0,0,1); text-align: left; overflow: hidden; font-family: open_sansregular;\" >" +
                                        "<h2><img style=\"width: 30px !important;height: 45px !important; margin:0 10px 0 0; \" src=\"" + SkinBaseUrl() + "images/hs_" + item.categoryvalue + "image.png\" /> " +
                                        "" + item.categoryname + " </h2></div>" +
                                        "</div>" +
                                        "<div class=\"ggskin ggskin_button\" style=\"visibility: inherit; width: 20px; transform-origin: 50% 50% 0px;\">" +
                                        "<img class=\"ggskin ggskin_button\" categoryvalue=" + item.categoryvalue + " onclick=\"isSelected(this)\" src=\"" + SkinBaseUrl() + "images/selected.png\" style=\"position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-user-drag: none;\" />" +
                                        "</div>" +
                                        "</div>"
                });
            }
        }
        if (hotSpotCategories == "") {
            hideCatMenu();
            $('#div_ToggleMenuBtn').hide();
        }
        else {
            hideCatMenu();
            $('#div_ToggleMenuBtn').show();
            $("#BgNavigationRightInner").html(hotSpotCategories);
        }

    }
}
function Showinfo_popUpTour() {
    //$('#info_popUpTour_2').show();
    $('#info_popUpTour_2').modal('show');
}
function Hideinfo_popUpTour() {
    $('#info_popUpTour_2').modal('hide');
}

function setTourSkin2() {
    if (toureSkinType == 2) {
        window.setTimeout(function () {
            if (viewtype == 1) {
                var isVrDisplayQrString = returnQueryString("isVrDisplay");
                if (isVrDisplayQrString != undefined && isVrDisplayQrString != '') {
                    $('.bx-wrapper').css('visibility', 'hidden');
                }
                else {
                    $('.bx-wrapper').css('visibility', 'visible');
                }
                $('.slider-show-hide').css('visibility', 'visible'); 
                if ($('#imgDrone').attr('href') == undefined || $('#imgDrone').attr('href') == '#' || $('#imgDrone').attr('href') == '' || $('#imgDrone').attr('href').indexOf("facebook.com") > -1 || $('#imgDrone').attr('href').indexOf("twitter.com") > -1 || $('#imgDrone').attr('href').indexOf("linkedin.com") > -1 || $('#imgDrone').attr('href').indexOf("google.com") > -1 || $('#imgDrone').attr('href').toLowerCase().indexOf("createdlinks.aspx") > -1 || $('#imgDrone').attr('href').toLowerCase().indexOf("droneviewbanksearch.aspx") > -1 || $('#imgDrone').attr('href').toLowerCase().indexOf("vrtour.aspx") > -1) {
                    $('.drone').css('display', 'none');
                }
                else if ($(".tourinvideo", window.parent.document.body).length > 0) {//if the tour is playing in video hotspot then don't show droneicon
                    $('.drone').css('display', 'none');
                }
                else {
                    $('.drone').css('display', 'block'); 
                    //var parentBody = window.parent.document.body;
                    //var a = $(".tourinvideo", parentBody);
                }
                if (skinid() == 92) {
                    $('#divpanocopyright').show();
                }
            }
            else {
                $('.bx-wrapper').css('display', 'none');
                $('.slider-show-hide').css('visibility', 'hidden');
                $('.drone').css('visibility', 'hidden');
            }
        }, 100);
    }
}
var activeSlideIndex = 1;
function setThumbSelected(guid) {
    if (toureSkinType == 2) {
        $.each($('#Skin_2_Slides .slide img'), function (index, obj) {
            if ($(obj).attr('guid').toLowerCase() == guid.toLowerCase()) {
                $(obj).parent().find('p').css('background-color', MarzipanoSkinDetail.data.marzipanoSkinCompanyInfo.animationcolor);
                //if (skinid() == 81) {
                //    $(obj).parent().find('p').addClass('activeEra');
                //}
                //else if (skinid() == 82) {
                //    $(obj).parent().find('p').addClass('activeNotar');
                //}
                //else if (skinid() == 83) {
                //    $(obj).parent().find('p').addClass('activeFastighetsbyran');
                //}
                //else if (skinid() == 84) {
                //    $(obj).parent().find('p').addClass('activeHusmanhagberg');
                //}
                //else if (skinid() == 85) {
                //    $(obj).parent().find('p').addClass('activeMaklarringen');
                //}
                //else if (skinid() == 76) {
                //    $(obj).parent().find('p').addClass('activesvenskfast');
                //}
                //else if (skinid() == 66) {
                //    $(obj).parent().find('p').addClass('activenovi');
                //}
                //else {
                //    $(obj).parent().find('p').addClass('active');
                //}
                activeSlideIndex = index + 1;
            }
            else {
                $(obj).parent().find('p').css('background-color', '');
                //$(obj).parent().find('p').removeClass('active');
                //$(obj).parent().find('p').removeClass('activeEra');
                //$(obj).parent().find('p').removeClass('activeNotar');
                //$(obj).parent().find('p').removeClass('activeFastighetsbyran');
                //$(obj).parent().find('p').removeClass('activeHusmanhagberg');
                //$(obj).parent().find('p').removeClass('activeMaklarringen');
                //$(obj).parent().find('p').removeClass('activesvenskfast');
                //$(obj).parent().find('p').removeClass('activenovi');
            }
        });
        $('.out').css('border', '5px solid ' + MarzipanoSkinDetail.data.marzipanoSkinCompanyInfo.animationcolor + '');
        $('.in-2').css('background-color', '' + MarzipanoSkinDetail.data.marzipanoSkinCompanyInfo.animationcolor + '');
        //if (skinid() == 81) {
        //    $('.out').css('border', '5px solid #920237');
        //    $('.in-2').css('background-color', '#920237');
        //}
        //else if (skinid() == 82) {
        //    $('.out').css('border', '5px solid #3c7384');
        //    $('.in-2').css('background-color', '#3c7384');
        //}
        //else if (skinid() == 83) {
        //    $('.out').css('border', '5px solid #F17E19');
        //    $('.in-2').css('background-color', '#F17E19');
        //}
        //else if (skinid() == 84) {
        //    $('.out').css('border', '5px solid #00B8E3');
        //    $('.in-2').css('background-color', '#00B8E3');
        //}
        //else if (skinid() == 85) {
        //    $('.out').css('border', '5px solid #c11f39');
        //    $('.in-2').css('background-color', '#c11f39');
        //}
        //else if (skinid() == 76) {
        //    $('.out').css('border', '5px solid #F1C701');
        //    $('.in-2').css('background-color', '#F1C701');
        //}
        //else if (skinid() == 66) {
        //    $('.out').css('border', '5px solid #425d6d');
        //    $('.in-2').css('background-color', '#425d6d');
        //}
    }
}

//function showVRClick() {
//    location.href=("NewTourTest.aspx?panoguid=" + $('#hdn_PanoramaGuid').val() + "&tourid=" + $('#hdTourid').val() + "");
//}