function prepareDom(){

        	container.css(options.size);

			if(!options.showLeftColumn) container.addClass('full-width');

        	var domStructureString = '';

			domStructureString += (options.showLeftColumn ?

				//  LEFT COLUMN NAVIGATION
				'	<div class="col-left">' + 
				'		<div class="navigation-wrapper"> ' +
				'			<div class="navigation-header"> ' +
				'				<h2>' + options.mapTitle + '</h2> ' +
				'			</div> ' +
				'			<div class="region-list-wrapper"> ' +
				'				<ul class="region-list"></ul> ' +
				'			</div> ' +
				'		</div> ' +
				'		<a class="mobile-handler" href="#"><span class="fa fa-caret-right fa-lg"></span></a> ' +
				'		<a class="mobile-close" href="#"><img src="img/x.png" /></a>' +
				'	</div>'
				: '') +

				//  THE MAP CONTAINER
				'	<div id="map-canvas"></div>' +

				//  THE REGION TOOLTIP DISPLAYING THE HOVERED REGION NAME
					(options.showRegionTooltip ? 
				'		<div id="region-tooltip"></div>'
					: '' ) +

				//  THE REGION DETAIL ELEMENT
				(options.showRegionDescription ? 
				'		<div id="map-region-description"></div>'
					: '' );

			$(domStructureString).appendTo(container);

			if(!isMobile() && options.showLeftColumn){
				psb = new PerfectScrollbar('.region-list-wrapper', {
					wheelPropagation:true
				});
			}

			addHandlers();

            $('html').addClass(ENABLED);
        }
/**
        * Works over the DOM structure to set it up for the current options.
        */
Works over the DOM structure to set it up for the current options.
Works over the DOM structure to set it up for the current options .
function prepareDom(){
        	container.css(options.size);
			if(!options.showLeftColumn) container.addClass('full-width');
        	var domStructureString = '';
			domStructureString += (options.showLeftColumn ?
				'	<div class="col-left">' + 
				'		<div class="navigation-wrapper"> ' +
				'			<div class="navigation-header"> ' +
				'				<h2>' + options.mapTitle + '</h2> ' +
				'			</div> ' +
				'			<div class="region-list-wrapper"> ' +
				'				<ul class="region-list"></ul> ' +
				'			</div> ' +
				'		</div> ' +
				'		<a class="mobile-handler" href="#"><span class="fa fa-caret-right fa-lg"></span></a> ' +
				'		<a class="mobile-close" href="#"><img src="img/x.png" /></a>' +
				'	</div>'
				: '') +
				'	<div id="map-canvas"></div>' +
					(options.showRegionTooltip ? 
				'		<div id="region-tooltip"></div>'
					: '' ) +
				(options.showRegionDescription ? 
				'		<div id="map-region-description"></div>'
					: '' );
			$(domStructureString).appendTo(container);
			if(!isMobile() && options.showLeftColumn){
				psb = new PerfectScrollbar('.region-list-wrapper', {
					wheelPropagation:true
				});
			}
			addHandlers();
            $('html').addClass(ENABLED);
        }
function prepareDom ( ) { container . css ( options . size ) ; if ( ! options . showLeftColumn ) container . addClass ( 'full-width' ) ; var domStructureString = '' ; domStructureString += ( options . showLeftColumn ? '	<div class="col-left">' + '		<div class="navigation-wrapper"> ' + '			<div class="navigation-header"> ' + '				<h2>' + options . mapTitle + '</h2> ' + '			</div> ' + '			<div class="region-list-wrapper"> ' + '				<ul class="region-list"></ul> ' + '			</div> ' + '		</div> ' + '		<a class="mobile-handler" href="#"><span class="fa fa-caret-right fa-lg"></span></a> ' + '		<a class="mobile-close" href="#"><img src="img/x.png" /></a>' + '	</div>' : '' ) + '	<div id="map-canvas"></div>' + ( options . showRegionTooltip ? '		<div id="region-tooltip"></div>' : '' ) + ( options . showRegionDescription ? '		<div id="map-region-description"></div>' : '' ) ; $ ( domStructureString ) . appendTo ( container ) ; if ( ! isMobile ( ) && options . showLeftColumn ) { psb = new PerfectScrollbar ( '.region-list-wrapper' , { wheelPropagation : true } ) ; } addHandlers ( ) ; $ ( 'html' ) . addClass ( ENABLED ) ; }
Works over the DOM structure to set it up for the current options.
Works over the DOM structure to set it up for the current options .
//  LEFT COLUMN NAVIGATION //  THE MAP CONTAINER //  THE REGION TOOLTIP DISPLAYING THE HOVERED REGION NAME //  THE REGION DETAIL ELEMENT