//krpano instance
var krpano = null;
//trace
var debug = false;
//is krpano loaded
var krpanoLoaded = false;
//methods to call when plugin is loaded
var pluginLoaded = new ktools.Map();
//is tour started
var isTourStarted = false;
//fullscreen object
var kolorFullscreen = null;
//browser detection
var kolorBrowserDetect = null;
//start z-index value
var kolorStartIndex = 4000;
//target url for cross domains application
var crossDomainTargetUrl = '';
var tourLanguage;

if ( debug ) {
	if ( typeof(console) == 'undefined' ) {
		console = {log : function (text) {} };
	}
}

/* ======== FULLSCREEN STUFF ========================================== */

/**
 * @description Register Fullscreen on DOM ready.
 */
jQuery(document).ready(function() {
	//add browser detection
	kolorBrowserDetect = new ktools.BrowserDetect();
	kolorBrowserDetect.init();
	//kolorBrowserDetect.browser : Browser string
	//kolorBrowserDetect.version : Browser version
	//kolorBrowserDetect.OS : Platform OS
	
	//add fullscreen
	kolorFullscreen = new ktools.Fullscreen(document.getElementById("tourDIV"));
	kolorFullscreen.supportsFullscreen();
	//activate krpano fallback and update methods
	kolorFullscreen.setExternal({
		'enter': krPanoFullscreenEnter,
		'exit': krPanoFullscreenExit,
		'change': krpanoFullscreenChange,
		'resize': krPanoFullscreenResize
	});
});

/**
 * @function
 * @description Enter fullscreen fallback method for krpano.
 * @return {void}
 */
function krPanoFullscreenEnter() {
	var ki = getKrPanoInstance();
	if(ki !== null){
		getKrPanoInstance().call("enterFullScreenFallback");
	}
}

/**
 * @function
 * @description Exit fullscreen fallback method for krpano.
 * @return {void}
 */
function krPanoFullscreenExit() {
	var ki = getKrPanoInstance();
	if(ki !== null){
		ki.call("exitFullScreenFallback");
	}
}

/**
 * @function
 * @description Launch method for krpano on fullscreen change event.
 * @param {Boolean} state If true enter fullscreen event, else exit fullscreen event.
 * @return {void}
 */
function krpanoFullscreenChange(state) {
	var ki = getKrPanoInstance();
	if(ki !== null){
		if(state){
			getKrPanoInstance().call("enterFullScreenChangeEvent");
		}else{
			getKrPanoInstance().call("exitFullScreenChangeEvent");
		}
	}
}

/**
 * @function
 * @description Launch resize method for krpano correct resize.
 * @return {void}
 */
function krPanoFullscreenResize() {
	var ki = getKrPanoInstance();
	if(ki !== null){
		getKrPanoInstance().call("resizeFullScreenEvent");
	}
}

/**
 * @function
 * @description Set fullscreen mode.
 * @param {String|Boolean} value The fullscreen status: 'true' for open or 'false' for close.
 * @return {void}
 */
function setFullscreen(value) {
	var state;
	if(typeof value == "string")
		state = (value.toLowerCase() == "true");
	else
		state = Boolean(value);

	if (kolorFullscreen) {
		if(state){
			kolorFullscreen.request();
		}else{
			kolorFullscreen.exit();
		}
	}
}

/* ========== DIALOG BETWEEN KRPANO/JS STUFF ================================= */

/**
 * @function
 * @description Get krpano instance.
 * @return {Object} krpano instance.
 */
function getKrPanoInstance() {
	if ( krpano == null ) {
		krpano = document.getElementById('krpanoSWFObject');
	}
	return krpano;
}

/**
 * @function
 * @description Call krpano function.
 * @param {String} fnName The krpano action name.
 * @param {*} Following parameters are passed to the krPano function
 * @return {void}
 */
function invokeKrFunction(fnName) {
	var args = [].slice.call(arguments, 1);
	var callString = fnName+'(';
	for(var i=0, ii=args.length; i<ii; i++)
	{
		callString += args[i];
		if(i != ii-1) { callString += ', '; }
	}
	callString += ');';
	if(getKrPanoInstance() !== null)
	{
		getKrPanoInstance().call(callString);
	}
}

/**
 * @function
 * @description Get krpano identifier value.
 * @param {String} identifier The qualifier.
 * @param {String} type The converting type. Can be: 'int', 'float', 'string', 'boolean', 'object'.
 * @return {Object}
 */
function getKrValue(identifier, type) {
	if ( typeof identifier == "undefined" ){
		return identifier;
	}
	
	if(getKrPanoInstance() !== null)
	{
		if(getKrPanoInstance().get(identifier) == null) {
			return null;
		}

		switch ( type ) {
			case "int":
				return parseInt(getKrPanoInstance().get(identifier));
			case "float":
				return parseFloat(getKrPanoInstance().get(identifier));
			case "string":
				return String(getKrPanoInstance().get(identifier));
			case "bool":
				return Boolean(getKrPanoInstance().get(identifier) === 'true' || parseInt(getKrPanoInstance().get(identifier)) === 1 || getKrPanoInstance().get(identifier) === 'yes' || getKrPanoInstance().get(identifier) === 'on');
			default:
				return getKrPanoInstance().get(identifier);
		}
	}
	else
	{
		return null;
	}
}

/**
 * @function
 * @description Invoke a function of a plugin engine.
 * @param {String} pluginName The name/id of the plugin.
 * @param {String} functionName The name of the function to invoke.
 * @param {Object[]} arguments Additional arguments will be passed to the invoked function as an array.
 * @return {Object}
 */
function invokePluginFunction(pluginName, functionName) {
	if ( debug ) {
		console.log("invokePluginFunction("+pluginName+", "+functionName+")");
	}
	
	var plugin = ktools.KolorPluginList.getInstance().getPlugin(pluginName);
	if (plugin == null) {
		if ( debug ) { console.log("invokePluginFunction: plugin instance doesn't exist"); }
		if(pluginLoaded && pluginLoaded.item(pluginName)){
			pluginLoaded.update(pluginName, arguments);
		}else{
			pluginLoaded.add(pluginName, arguments);
		}
		return false;
	}
	var engine = plugin.getRegistered();
	if (engine == null) {
		if ( debug ) { console.log("invokePluginFunction: plugin isn't registered"); }
		if(pluginLoaded && pluginLoaded.item(pluginName)){
			pluginLoaded.update(pluginName, arguments);
		}else{
			pluginLoaded.add(pluginName, arguments);
		}
		return false;
	}
	var restArgs = [].slice.call(arguments, 2);
	return engine[functionName](restArgs);
}

/**
 * @function
 * @description This function is called when krpano is ready.
 * The ready state of krpano is told by its event onready (in fact it's not fully ready, included XML are not necessarily loaded) 
 * @return {void}
 */
function eventKrpanoLoaded (isWebVr) {
	if ( debug ) {
		console.log('krpano is loaded');
	}
	
	if (krpanoLoaded) { return false; }
	
	tourLanguage = getKrValue("tour_language","string")
	if(typeof tourLanguage == "undefined"){
		tourLanguage = 'ru';
	}
	ktools.I18N.getInstance().initLanguage(tourLanguage, crossDomainTargetUrl+'centrgorodadata/centrgoroda_messages_','.xml');
	krpanoLoaded = true;
	
	if(isWebVr){
	
	
	}else{
	
	

saveKolorMapContainer();
addKolorMap('panotourmaps', [['openlayersv2','']]);

	}
}

/**
 * @function
 * @description This function is called when plugins must be unloaded.
 * @return {void}
 */
function eventUnloadPlugins () {
	resetValuesForPlugins();

	

deleteKolorMapDOM('panotourmaps');


}

/**
 * @function
 * @description Reset the default values for the player and plugins loaders.
 * @return {void}
 */
function resetValuesForPlugins () {
	krpano = null;
	krpanoLoaded = false;
	isTourStarted = false;
	pluginLoaded = new ktools.Map();
	kolorStartIndex = 4000;
}

/**
 * @function
 * @description This function is called when tour is started.
 * @return {void}
 */
function eventTourStarted () {
	if ( debug ) {
		console.log('tour is started');
	}
	
	isTourStarted = true;
}

/**
 * @function
 * @description This function is called when tour language is updated.
 * @return {void}
 */
function eventTourChangeLanguage (pLang) {
	if ( debug ) {
		console.log('change tour language : '+pLang);
	}
	
	ktools.I18N.getInstance().initLanguage(pLang, crossDomainTargetUrl+'centrgorodadata/centrgoroda_messages_','.xml');
}


/* ========= KOLOR PLUGINS SCRIPTS ============================== */






/** ---------------------- Start Plugin Map ----------------------- **/

//KolorMap api providers
var KolorMapApiProviders  = new Object();
KolorMapApiProviders.Type = { googlev3: "googlev3", openlayersv2: "openlayersv2", microsoftv7: "microsoftv7", yandexv2: "yandexv2" };
KolorMapApiProviders.Url  = { googlev3: "//maps.googleapis.com/maps/api/js?callback=handleApiReady",
        openlayersv2: "//cdnjs.cloudflare.com/ajax/libs/openlayers/2.12/OpenLayers.js",
        microsoftv7: "//www.bing.com/api/maps/mapcontrol/?callback=handleApiReady",
        yandexv2: "//api-maps.yandex.ru/2.0-stable/?load=package.full&lang=ru-RU&onload=handleApiReady"
    };
KolorMapApiProviders.Key = { googlev3: "&key=", openlayersv2: "", microsoftv7: "", yandexv2: "&key=" };
KolorMapApiProviders.Script = { googlev3: "mxn.googlev3.core.js", openlayersv2: "mxn.openlayersv2.core.js", microsoftv7: "mxn.microsoftv7.core.js", yandexv2: "mxn.yandexv2.core.js" };

//store map loaded state
var mapLoaded = new ktools.Map();
var mapLoadedCounter = new ktools.Map();
var mapPluginApiReadyCheck = new Array();
//store the default marker ID to activate it once registered
var mapMarkerDefault = new ktools.Map();
//validate if the map has been instantiated
var mapInstance = new ktools.Map();
var mapInitCounter = new ktools.Map();

//Add timestamp to mapstraction library to force IE to reload scripts
var refreshIE = "";
if (navigator.appName == "Microsoft Internet Explorer") {
    var timestamp = new Date().getTime();
    refreshIE = "?v="+timestamp;
}

//API provider keys
var microsoftv7_key = "";

/**
 * @desc Check if a map API is loaded.
 * @function
 * @return {void}
 */
function handleApiReady() {
    //get first plugName
    var pluginName = mapPluginApiReadyCheck[0];

    if( debug ){
        console.log('Proprietary map API is loaded for '+pluginName);
    }

    if( pluginName != null ){
        var counter = mapLoadedCounter.item(pluginName) - 1;
        mapLoadedCounter.update(pluginName, counter);

        if(counter <= 0){
            mapLoaded.update(pluginName, true);
        }

        //remove first plugName
        mapPluginApiReadyCheck.shift();
    }
}

/** START PLUGIN MAP */

/**
 * @desc Add KolorMap plugin instance when krpano is loaded.
 * @function
 * @param {String} pluginName The name of the plugin instance.
 * @param {Object[]} mapsApiArray Array of maps API names and keys couple.
 * @param {String} mapAreaDiv The map area DOM div name, if exists.
 * @return {void}
 */
function addKolorMap(pluginName, mapsApiArray, mapAreaDiv){

    var mapsApiLength = mapsApiArray.length;
    if(mapsApiLength > 0){
        // add map for maps API

        var mapApiOrder = new Array();
        var useGoogleLabelsClass = false;
        var hasOpenlayersMap = false;
        //loop for maps API and maps API keys construction
        for(var i=0; i < mapsApiLength; i++){

            mapPluginApiReadyCheck.push(pluginName);

            switch(mapsApiArray[i][0]){
                case "microsoft" :
                case "microsoft7" :
                case "microsoftv7" :
                case "microsoftv8" :
                    //update the microsoft key
                    microsoftv7_key = mapsApiArray[i][1];
                    mapApiOrder[i] = [KolorMapApiProviders.Type.microsoftv7, KolorMapApiProviders.Url.microsoftv7, KolorMapApiProviders.Key.microsoftv7, KolorMapApiProviders.Script.microsoftv7];
                    break;
                case "google" :
                case "googlev3" :
                    //add key
                    KolorMapApiProviders.Key.googlev3 += mapsApiArray[i][1];
                    mapApiOrder[i] = [KolorMapApiProviders.Type.googlev3, KolorMapApiProviders.Url.googlev3, KolorMapApiProviders.Key.googlev3, KolorMapApiProviders.Script.googlev3];
                    useGoogleLabelsClass = true;
                    break;
                case "yandex" :
                case "yandexv2" :
                    //add key
                    KolorMapApiProviders.Key.yandexv2 += mapsApiArray[i][1];
                    mapApiOrder[i] = [KolorMapApiProviders.Type.yandexv2, KolorMapApiProviders.Url.yandexv2, KolorMapApiProviders.Key.yandexv2, KolorMapApiProviders.Script.yandexv2];
                    break;
                case "openlayers" :
                case "openlayersv2" :
                    hasOpenlayersMap = true;
                    mapApiOrder[i] = [KolorMapApiProviders.Type.openlayersv2, KolorMapApiProviders.Url.openlayersv2, KolorMapApiProviders.Key.openlayersv2, KolorMapApiProviders.Script.openlayersv2];
                    break;
            }
        }

        //init values for this plugin
        mapLoaded.add(pluginName, false);
        mapMarkerDefault.add(pluginName, {done: false});
        mapInstance.add(pluginName, false);
        //number of maps API to load
        mapLoadedCounter.add(pluginName, mapsApiLength);
        mapInitCounter.add(pluginName, 300); //try to load map only during 30 seconds max.

        var mapPlugin = new ktools.KolorPlugin(pluginName);

        // Libraries Dynamic loading
        var mapApiScript = new ktools.Script(mapApiOrder[0][0], mapApiOrder[0][1]+mapApiOrder[0][2], [], false);

        if (mapsApiLength > 1 && mapApiOrder[1]) {
            //add second map layer
            var mapApiScript2 = new ktools.Script(mapApiOrder[1][0], mapApiOrder[1][1]+mapApiOrder[1][2], [mapApiScript], false);
            if (mapsApiLength > 2 && mapApiOrder[2]) {
                //add third map layer
                var mapApiScript3 = new ktools.Script(mapApiOrder[2][0], mapApiOrder[2][1]+mapApiOrder[2][2], [mapApiScript2], false);
                var mapstractionScript = new ktools.Script("maps_mapstraction", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.js"+refreshIE, [mapApiScript3], false);
                var mapstractionScriptBase = new ktools.Script("maps_mapstraction_base", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.basemap.js", [mapstractionScript], false);
                var mapstractionScriptCore = new ktools.Script("maps_mapstraction_core", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.core.js"+refreshIE, [mapstractionScriptBase], false);
                var mapstractionScriptCoreLayer3 = new ktools.Script("maps_mapstraction_core_layer3", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/"+mapApiOrder[2][3]+refreshIE, [mapstractionScriptCore], false);
                var mapstractionScriptCoreLayer2 = new ktools.Script("maps_mapstraction_core_layer2", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/"+mapApiOrder[1][3]+refreshIE, [mapstractionScriptCoreLayer3], false);
                var mapstractionScriptCoreLayer1 = new ktools.Script("maps_mapstraction_core_layer1", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/"+mapApiOrder[0][3]+refreshIE, [mapstractionScriptCoreLayer2], false);
            } else {
                if(mapsApiLength > 2){
                    var tmp_counter = mapLoadedCounter.item(pluginName) - 1;
                    mapLoadedCounter.update(pluginName, tmp_counter);
                }
                var mapstractionScript = new ktools.Script("maps_mapstraction", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.js"+refreshIE, [mapApiScript2], false);
                var mapstractionScriptBase = new ktools.Script("maps_mapstraction_base", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.basemap.js", [mapstractionScript], false);
                var mapstractionScriptCore = new ktools.Script("maps_mapstraction_core", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.core.js"+refreshIE, [mapstractionScriptBase], false);
                var mapstractionScriptCoreLayer2 = new ktools.Script("maps_mapstraction_core_layer2", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/"+mapApiOrder[1][3]+refreshIE, [mapstractionScriptCore], false);
                var mapstractionScriptCoreLayer1 = new ktools.Script("maps_mapstraction_core_layer1", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/"+mapApiOrder[0][3]+refreshIE, [mapstractionScriptCoreLayer2], false);
            }
        } else {
            if(mapsApiLength > 1){
                var tmp_counter = mapLoadedCounter.item(pluginName) - 1;
                mapLoadedCounter.update(pluginName, tmp_counter);
            }
            var mapstractionScript = new ktools.Script("maps_mapstraction", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.js"+refreshIE, [mapApiScript], false);
            var mapstractionScriptBase = new ktools.Script("maps_mapstraction_base", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.basemap.js", [mapstractionScript], false);
            var mapstractionScriptCore = new ktools.Script("maps_mapstraction_core", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.core.js"+refreshIE, [mapstractionScriptBase], false);
            var mapstractionScriptCoreLayer1 = new ktools.Script("maps_mapstraction_core_layer1", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/"+mapApiOrder[0][3]+refreshIE, [mapstractionScriptCore], false);
        }

        var kolorMapScript = null;
        if (useGoogleLabelsClass) {
            var googleLabelsScript = new ktools.Script("maps_google_labels", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/lib/mxn.googlev3.core.labels.js", [mapstractionScriptCoreLayer1], false);
            kolorMapScript = new ktools.Script("kolormap", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/js/KolorMap.min.js", [googleLabelsScript], true);
        } else {
            kolorMapScript = new ktools.Script("kolormap", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/js/KolorMap.min.js", [mapstractionScriptCoreLayer1], true);
        }
        mapPlugin.addScript(kolorMapScript);

        var kolorMapCSS = new ktools.CssStyle("kolormapCSS", crossDomainTargetUrl+"centrgorodadata/graphics/KolorMap/js/kolorMap.css");
        mapPlugin.addCss(kolorMapCSS);

        ktools.KolorPluginList.getInstance().addPlugin(mapPlugin.getPluginName(), mapPlugin, true);

        if(hasOpenlayersMap){
            //delay for 1000ms for OpenLayers only
            setTimeout(function() { handleApiReady(); }, 1000);
        }

        //display
        initKolorMapOnReady(pluginName, mapApiScript.getName(), mapAreaDiv);
    }
}

/**
 * @desc Init the KolorMap script to generate the map.
 * @function
 * @param {String} pluginName The name of the plugin instance.
 * @param {String} defaultMapLayer the default map layer name.
 * @param {String} mapAreaDiv The map area DOM div name, if exists.
 * @return {void}
 */
function initKolorMapOnReady(pluginName, defaultMapLayer, mapAreaDiv) {
    var err = "";
    var reload = false;

    if ( !krpanoLoaded ) {
        err = "throw: krpano is not loaded";
        reload = true;
    }

    if ( !isTourStarted ) {
        err = "throw: tour is not started";
        reload = true;
    }

    if ( !mapLoaded.item(pluginName) ) {
        err = "throw: plugin Map is not loaded";
        reload = true;
    }

    //map generation
    if  ( typeof KolorMap == "undefined" || !ktools.KolorPluginList.getInstance().getPlugin(pluginName).isInitialized() ) {
        err = "throw: KolorMap library not ready";
        reload = true;
    }

    //verify map instance
    if(mapInstance.item(pluginName) && ktools.KolorPluginList.getInstance().getPlugin(pluginName).getRegistered()){
        err = "throw: KolorMap already loaded";
        reload = true;
    }else{
        mapInstance.update(pluginName, true);
    }

    // verify if vr XML plugin is loaded
    if (getKrValue('ptplugin['+pluginName+'].engine', 'string') == null){
        err = "throw: KolorMap can't reach XML yet";
        reload = true;
    }

    // reload init if KolorMap is not ready
    if(reload){
        if ( debug ) {
            console.log(err);
        }

        if(mapInitCounter.item(pluginName) > 0){
            // start counter only when tour is started
            if (isTourStarted) {
                mapInitCounter.update(pluginName, (mapInitCounter.item(pluginName) - 1));
            }
            // if not loaded, retry in 100 ms
            setTimeout(function() { initKolorMapOnReady(pluginName, defaultMapLayer, mapAreaDiv); }, 100);
            return;
        }else{
            // FIXME : i18n change text value
            alert("Connection timeout while making map API call. Try to reload the page.");
            return;
        }
    }

    // prepare multimap swap selector
    var selectorArray = new Array();

    //set the default map
    if (getKrValue('ptplugin['+pluginName+'].multimap', 'bool')) {

        //default map is the first element
        var defaultMap = new Object();
        defaultMap['element'] = getKrValue('ptplugin['+pluginName+'].multiplemaps.map.element', 'string'); //sample: 'mapdiv'
        defaultMap['provider'] = getKrValue('ptplugin['+pluginName+'].multiplemaps.map.provider', 'string'); //sample: mapApiScript.getName()
        defaultMap['name'] = ktools.I18N.getInstance().getMessage(getKrValue('ptplugin['+pluginName+'].multiplemaps.map.name', 'string'));
        selectorArray[0] = defaultMap;

        kolorMap = new KolorMap(defaultMap.element, defaultMap.provider);
    }else{
        if (mapAreaDiv) {
            kolorMap = new KolorMap(mapAreaDiv, defaultMapLayer);
        } else {
            kolorMap = new KolorMap('mapDIV', defaultMapLayer);
        }
    }

    if ( debug ) {
        console.log("instance: " + kolorMap);
    }

    //add map default DOM div elements
    if (mapAreaDiv) {
        kolorMap.setMapLayer(mapAreaDiv);
    } else {
        kolorMap.setMapLayer('mapDIV');
        kolorMap.setMapContainer('mapcontainer');
        kolorMap.setPanoContainer('panoDIV');
        kolorMap.setTourContainer('tourDIV');
    }

    //map div position
    kolorMap.setMapPosition(getKrValue('ptplugin['+pluginName+'].position', 'string'));

    //set zOrder
    kolorMap.setMapZorder(kolorStartIndex + getKrValue("ptplugin["+pluginName+"].zorder","int"));

    //set url for maps images
    kolorMap.setGraphicsUrl(crossDomainTargetUrl+"centrgorodadata/graphics/"+pluginName.toLowerCase()+"/");

    //set color and resizable option
    kolorMap.setMapResizable(getKrValue('ptplugin['+pluginName+'].resizable', 'bool'));
    kolorMap.setBgColor(getKrValue('ptplugin['+pluginName+'].bgcolor', 'string'));

    //add the device check
    kolorMap.setDeviceUsed(getKrValue('vrtourdevice','string'));
    //kolorMap.setDeviceScale(getKrValue('vrtourdevicescale','float'));

    // set if map must be displayed or hidden
    var displayOnStart = getKrValue('ptplugin['+pluginName+'].openatstart', 'bool');

    //init map size into DOM (needed for openlayers API);
    if (mapAreaDiv) {
        kolorMap.initMapLayer();
    } else {
        kolorMap.setMapSize(getKrValue('ptplugin['+pluginName+'].size', 'int'));
        if(displayOnStart){
            kolorMap.initMapSize();
            kolorMap.initMapLayer();
        }
    }

    //add swap selector
    if (getKrValue('ptplugin['+pluginName+'].multimap', 'bool')) {

        //second map
        var secondMap = new Object();
        secondMap['element'] = getKrValue('ptplugin['+pluginName+'].multiplemaps.map[1].element', 'string');
        secondMap['provider'] = getKrValue('ptplugin['+pluginName+'].multiplemaps.map[1].provider', 'string');
        secondMap['name'] = ktools.I18N.getInstance().getMessage(getKrValue('ptplugin['+pluginName+'].multiplemaps.map[1].name', 'string'));
        selectorArray[1] = secondMap;
        //add in DOM
        jQuery('#mapcontainer').append('<div id="'+secondMap['element']+'"></div>');

        //third map
        if (getKrValue('ptplugin['+pluginName+'].multiplemaps.map[2]')) {
            var thirdMap = new Object();
            thirdMap['element'] = getKrValue('ptplugin['+pluginName+'].multiplemaps.map[2].element', 'string');
            thirdMap['provider'] = getKrValue('ptplugin['+pluginName+'].multiplemaps.map[2].provider', 'string');
            thirdMap['name'] = ktools.I18N.getInstance().getMessage(getKrValue('ptplugin['+pluginName+'].multiplemaps.map[2].name', 'string'));
            selectorArray[2] = thirdMap;
            //add in DOM
            jQuery('#mapcontainer').append('<div id="'+thirdMap['element']+'"></div>');
        }

        kolorMap.addSwapSelector(pluginName, selectorArray, ktools.I18N.getInstance().getMessage(getKrValue('ptplugin['+pluginName+'].multiplemaps.label', 'string')));
    }

    // initialize map position
    var startPointLat = getKrValue('ptplugin['+pluginName+'].lat', 'float');
    var startPointLng = getKrValue('ptplugin['+pluginName+'].lng', 'float');
    var startPointZoom = getKrValue('ptplugin['+pluginName+'].zoom','int');
    var startPoint = new mxn.LatLonPoint(startPointLat, startPointLng);
    kolorMap.setStartPoint(startPoint, startPointZoom);
    kolorMap.getMxnMap().setCenterAndZoom(startPoint, startPointZoom);

    // set map type
    switch(getKrValue('ptplugin['+pluginName+'].maptypelayer','string')){
        case 'satellite':
            kolorMap.getMxnMap().setMapType(mxn.Mapstraction.SATELLITE);
            break;
        case 'hybrid':
            kolorMap.getMxnMap().setMapType(mxn.Mapstraction.HYBRID);
            break;
        case 'physical':
            kolorMap.getMxnMap().setMapType(mxn.Mapstraction.PHYSICAL);
            break;
        default:
            //'road'
            kolorMap.getMxnMap().setMapType(mxn.Mapstraction.ROAD);
    }

    // add controls
    var useZoom = getKrValue('ptplugin['+pluginName+'].controls.zoom', 'bool');
    var usePan = getKrValue('ptplugin['+pluginName+'].controls.pan', 'bool');
    var useMapType = getKrValue('ptplugin['+pluginName+'].controls.maptype', 'bool');
    var useOverview = getKrValue('ptplugin['+pluginName+'].controls.overview', 'bool');
    var useScale = getKrValue('ptplugin['+pluginName+'].controls.scale', 'bool');
    var useSpecific = new Object();
    if(getKrValue('ptplugin['+pluginName+'].controls.specific')){
        if(getKrValue('ptplugin['+pluginName+'].controls.specific.streetview', 'bool')){
            useSpecific.streetview = getKrValue('ptplugin['+pluginName+'].controls.specific.streetview', 'bool');
        }
        if(getKrValue('ptplugin['+pluginName+'].controls.specific.view45degree', 'bool')){
            useSpecific.view45degree = getKrValue('ptplugin['+pluginName+'].controls.specific.view45degree', 'bool');
        }
    }
    kolorMap.addControls(useZoom,usePan,useScale,useMapType,useOverview,useSpecific);

    // add ui controls
    var useDragging = false;
    var useScroll = false;
    var useDblClick = false;
    if(getKrValue('ptplugin['+pluginName+'].controls.ui')){
        useDragging = getKrValue('ptplugin['+pluginName+'].controls.ui.draggable', 'bool');
        useScroll = getKrValue('ptplugin['+pluginName+'].controls.ui.scrollable', 'bool');
        useDblClick = getKrValue('ptplugin['+pluginName+'].controls.ui.dblclick', 'bool');
    }
    kolorMap.getMxnMap().setOption('enableDragging', useDragging);
    kolorMap.getMxnMap().setOption('enableScrollWheelZoom', useScroll);
    kolorMap.getMxnMap().setOption('disableDoubleClickZoom', !useDblClick);

    // generate radar(s)
    var useRadars = false;
    var radarOptions = {};
    if(getKrValue('ptplugin['+pluginName+'].radar.visible','string') == "true"){
        useRadars = true;
        radarOptions = {
            radius: getKrValue('ptplugin['+pluginName+'].radar.radius','int'),
            linkToZoom: getKrValue('ptplugin['+pluginName+'].radar.linktozoom','bool'),
            quality: getKrValue('ptplugin['+pluginName+'].radar.quality','int'),
            color: getKrValue('ptplugin['+pluginName+'].radar.linecolor','string'),
            opacity: getKrValue('ptplugin['+pluginName+'].radar.lineopacity','float'),
            width: getKrValue('ptplugin['+pluginName+'].radar.linewidth','int'),
            fillColor: getKrValue('ptplugin['+pluginName+'].radar.fillcolor','string'),
            fillOpacity: getKrValue('ptplugin['+pluginName+'].radar.fillopacity','float'),
            enginePreset: 0
        };
    }

    // markers animation
    var useAnimation = false;
    if(getKrValue('ptplugin['+pluginName+'].markers.animation','string') == "bounce"){
        useAnimation = true;
    }

    // add markers
    var markersLength = parseInt(getKrPanoInstance().get('ptplugin['+pluginName+'].marker.count'));
    if(markersLength > 0){
        for( var i=0; i < markersLength; i++ ){
            var markerId = getKrValue('ptplugin['+pluginName+'].marker[' + i + '].name', 'string');
            var markerPointLat = getKrValue('ptplugin['+pluginName+'].marker[' + i + '].lat', 'float');
            var markerPointLng = getKrValue('ptplugin['+pluginName+'].marker[' + i + '].lng', 'float');
            var markerLatLon = new mxn.LatLonPoint(markerPointLat, markerPointLng);

            // actions
            var isDraggable = getKrValue('ptplugin['+pluginName+'].marker[' + i + '].draggable', 'bool');
            var infoOnHover = getKrValue('ptplugin['+pluginName+'].marker[' + i + '].onhover', 'bool');
            var isAnimated = getKrValue('ptplugin['+pluginName+'].marker[' + i + '].animated', 'bool');

            // icon
            var iconUrl = "";
            var iconSize = null;
            var iconAnchor = null;
            var markerIcon = getKrValue('ptplugin['+pluginName+'].marker[' + i + '].markericon','object');
            if ( markerIcon != null ) {
                iconUrl = markerIcon.url;
                iconSize = new Array();
                iconSize[0] = parseInt(markerIcon.iconwidth);
                iconSize[1] = parseInt(markerIcon.iconheight);
                iconAnchor = new Array();
                switch ( markerIcon.iconanchor.toLowerCase() ) {
                    case "topleft":
                        iconAnchor[0] = 0;
                        iconAnchor[1] = 0;
                        iconAnchor[2] = "topleft";
                        break;
                    case "top"://topcenter
                        iconAnchor[0] = parseInt(iconSize[0]/2);
                        iconAnchor[1] = 0;
                        iconAnchor[2] = "top";
                        break;
                    case "topright":
                        iconAnchor[0] = iconSize[0];
                        iconAnchor[1] = 0;
                        iconAnchor[2] = "topright";
                        break;
                    case "left"://middleleft
                        iconAnchor[0] = 0;
                        iconAnchor[1] = parseInt(iconSize[1]/2);
                        iconAnchor[2] = "left";
                        break;
                    case "center"://middlecenter
                        iconAnchor[0] = parseInt(iconSize[1]/2);
                        iconAnchor[1] = parseInt(iconSize[1]/2);
                        iconAnchor[2] = "center";
                        break;
                    case "right"://middleright
                        iconAnchor[0] = iconSize[0];
                        iconAnchor[1] = parseInt(iconSize[1]/2);
                        iconAnchor[2] = "right";
                        break;
                    case "bottomleft":
                        iconAnchor[0] = 0;
                        iconAnchor[1] = iconSize[1];
                        iconAnchor[2] = "bottomleft";
                        break;
                    case "bottomright":
                        iconAnchor[0] = iconSize[0];
                        iconAnchor[1] = iconSize[1];
                        iconAnchor[2] = "bottomright";
                        break;
                    default:
                        //"bottom" : bottomcenter
                        iconAnchor[0] = parseInt(iconSize[0]/2);
                        iconAnchor[1] = iconSize[1];
                        iconAnchor[2] = "bottom";
                }
            }

            // add radar only for scene marker
            if(useRadars && getKrValue('ptplugin['+pluginName+'].marker[' + i + '].isscene', 'bool') && getKrValue('ptplugin['+pluginName+'].marker[' + i + '].hasradar', 'bool')){

                // change radar heading
                var markerPointHeading = getKrValue('ptplugin['+pluginName+'].marker[' + i + '].heading', 'float');
                radarOptions.heading = markerPointHeading;

                var aMarkerRadar = kolorMap.addRadar(markerId, markerLatLon, radarOptions);
            }

            kolorMap.activateMarkersAnimation(useAnimation);

            //add marker (always after radar for openlayers layers z-index)
            var aMarker = kolorMap.addMarker(markerId, pluginName, markerLatLon, iconUrl, iconSize, iconAnchor, jQuery.trim(ktools.I18N.getInstance().getMessage(getKrValue('ptplugin['+pluginName+'].marker[' + i + '].desc', 'string'))), getKrValue('ptplugin['+pluginName+'].marker[' + i + '].desctype', 'string'), infoOnHover, isDraggable, isAnimated);

            // set the marker's event
            kolorMap.getMxnMap().addEventListener('click', mapMarkerEvent, aMarker);
        }
    }

    //register plugin
    ktools.KolorPluginList.getInstance().getPlugin(pluginName).register(kolorMap);

    var kolorMapRegistred = ktools.KolorPluginList.getInstance().getPlugin(pluginName).getRegistered();

    //if the marker ID to activate have been initialized while the map wasn't registered, activate it now
    if ( kolorMapRegistred ) {

        if (mapMarkerDefault.item(pluginName).done == false) {
            var applySelection = true;
            if (getKrValue('ptplugin['+pluginName+'].markerSelected.name','string') != "") {
                setMapDefaultMarker(pluginName, getKrValue('ptplugin['+pluginName+'].markerSelected.name','string'), getKrValue('ptplugin['+pluginName+'].markerSelected.heading','float'), getKrValue('ptplugin['+pluginName+'].markerSelected.fov','float'));
            } else if (mapMarkerDefault.item(pluginName).id != undefined) {
                mapMarkerDefaultArray = [mapMarkerDefault.item(pluginName).id, mapMarkerDefault.item(pluginName).heading, mapMarkerDefault.item(pluginName).fov];
            } else {
                applySelection = false;
            }

            if (applySelection) {
                if ( debug ) {
                    console.log("activate the stored marker after init");
                }
                var mapMarkerDefaultArray = [mapMarkerDefault.item(pluginName).id, mapMarkerDefault.item(pluginName).heading, mapMarkerDefault.item(pluginName).fov, getKrValue('ptplugin['+pluginName+'].centeronspots','bool')];
                kolorMapRegistred.changeCurrentMarker(mapMarkerDefaultArray);
            }
            mapMarkerDefault.update(pluginName, {done: true});
        }
    }else{
        if ( debug ) {
            console.log("KolorMap isn't really loaded");
        }
        mapInstance.update(pluginName, false);
        //if not loaded, retry in 100 ms
        setTimeout(function() { initKolorMapOnReady(pluginName, defaultMapLayer, mapAreaDiv); }, 100);
        return;
    }

    if (mapAreaDiv) {
        //force refresh for openlayers
        kolorMapRegistred.forceResizeMapLayer([mapAreaDiv]);
    } else {
        //hide map if needed
        if(displayOnStart){
            kolorMapRegistred.initResizableMap();
        }else{
            if ( kolorMapRegistred ) {
                kolorMapRegistred.openCloseMap(["close"]);
            }
        }
    }

    //call ready statement for krpano script
    invokeKrFunction("kolorMapJsReady_"+pluginName);

    //If a plugin method has been called before registration the method is called now
    if(pluginLoaded && pluginLoaded.item(pluginName)){
        invokePluginFunction.apply(null, pluginLoaded.item(pluginName).funcArgs);
        pluginLoaded.remove(pluginName);
    }
}

/**
 * @desc Store the map default marker with datas.
 * @function
 * @param {String} pluginName The plugin name.
 * @param {String} markerId The marker ID.
 * @param {String} krHeading The heading value from krpano.
 * @param {String} krFov The fov value from krpano.
 */
function setMapDefaultMarker(pluginName, markerId, krHeading, krFov){
    var mapMarkerDefaultObject = { id: markerId, heading: krHeading, fov: krFov, done: false };
    mapMarkerDefault.update(pluginName, mapMarkerDefaultObject);
}

/**
 * @desc Event on a map marker.
 * @function
 * @param {String} eventType The type of the event: 'click'.
 * @param {mxn.Marker} objectSource The marker object.
 * @param {Object} objdata Structured object additional informations.
 * @return {void}
 */
function mapMarkerEvent(eventType, objectSource, objdata) {
    if (debug) {
        console.log('Map marker event "' + eventType + '" for marker "' + objectSource.getAttribute("id") + '" on plugin "' + objectSource.getAttribute("plugName") + '"');
    }

    // if current marker is different select and activate the new marker
    if ( kolorMap.getActiveMarker() != objectSource ) {
        var jsMapMarkerAction = objectSource.getAttribute("plugName")+"GoMarker('" + objectSource.getAttribute("id") + "')";
        getKrPanoInstance().call(jsMapMarkerAction);
    }

    // call the marker 'jsclick' action
    var krMapMarkerAction = getKrValue('ptplugin['+objectSource.getAttribute("plugName")+'].marker[' + objectSource.getAttribute("id") + '].jsclick');
    getKrPanoInstance().call(krMapMarkerAction);
}

/**
 * @desc Change api provider on the fly for the map.
 * @function
 * @param {String} pluginName The plugin name.
 * @param {String} element The DOM element containing the map layer.
 * @param {String} api The provider API selected for the map layer element.
 * @return {void}
 */
function swapProvider(pluginName, element, api){
    if ( ktools.KolorPluginList.getInstance().getPlugin(pluginName).getRegistered() != null ) {
        var kolorMapRegistered = ktools.KolorPluginList.getInstance().getPlugin(pluginName).getRegistered();
        kolorMapRegistered.swapProvider([element, api]);
    }
}

/**
 * @function
 * @description Delete kolorMap.
 * @param {String} pPlugID The name of the plugin you want to delete.
 * @return {void}
 */
function deleteKolorMap(pPlugID)
{
    if(ktools.KolorPluginList.getInstance().getPlugin(pPlugID)){
        ktools.KolorPluginList.getInstance().removePlugin(pPlugID);
    }
}

var kolorMapContainerDOM;

/**
 * @function
 * @description Delete kolorMap and the restore the DOM.
 * @param {String} pPlugID The name of the plugin you want to delete.
 * @return {void}
 */
function deleteKolorMapDOM(pPlugID)
{
    if(ktools.KolorPluginList.getInstance().getPlugin(pPlugID)){
        var kolorMapRegistered = ktools.KolorPluginList.getInstance().getPlugin(pPlugID).getRegistered();
        if(kolorMapRegistered)
        {
            //delete resizable part
            kolorMapRegistered.deleteResizableMap();
            //restore map container DOM
            kolorMapRegistered.restoreMapContainerDOM(kolorMapContainerDOM);
            //resize player div
            kolorMapRegistered.restorePanoContainerDOM();
        }
        //delete plugin instance
        deleteKolorMap('panotourmaps');
    }
}

/**
 * @function
 * @description Save the kolorMap container initial DOM.
 * @return {void}
 */
function saveKolorMapContainer()
{
    kolorMapContainerDOM = jQuery('#mapcontainer').clone();
}

/** ---------------------- End Plugin Map ----------------------- **/