/**
 * @Jowrney 저니 로그맵 출력용 
 **/


function displayJowrneyLogmap(src, width, height, options) {
	if(src.indexOf('files') == 0) src = request_uri + src;
	
	jQuery(document).ready(function (){

		jQuery("#jowrneyLogmapContainer").css("width", width+"px");
		jQuery("#jowrneyLogmapContainer").css("height", height+"px");

		var map_type;
		if(options.type == 'satellite') 	map_type = google.maps.MapTypeId.SATELLITE;
	    else if(options.type == 'hybrid') 	map_type = google.maps.MapTypeId.HYBRID;
		else if(options.type == 'physical') map_type = google.maps.MapTypeId.TERRAIN;
		else 								map_type = google.maps.MapTypeId.ROADMAP;
		
		var myOptions = {
			zoom: 8,
			mapTypeId: map_type,
			mapTypeControl:true,
			mapTypeControlOptions: {
			        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
			        position: google.maps.ControlPosition.TOP_LEFT
			},
		    navigationControl: true,
		    navigationControlOptions: {
		        style: google.maps.NavigationControlStyle.ZOOM_PAN,
		        position: google.maps.ControlPosition.TOP_RIGHT
		    },
		    scaleControl: true,
		    scaleControlOptions: {
		        position: google.maps.ControlPosition.LEFT_BOTTOM
		    }
		};

		var map = new google.maps.Map(document.getElementById("jowrneyLogmapContainer"), myOptions);
		
		var georssLayer = new google.maps.KmlLayer(src+'?'+Math.random());
		georssLayer.setMap(map);   
		
		var newHome;
		var newZoom;

		google.maps.event.addListenerOnce(map, 'bounds_changed', function(){
			newHome = map.getCenter();	
			newZoom = map.getZoom();				
		    //var d = new Date();
		    //console.log('metadata_changed: ' + d +" > "+newHome);
		});

		/* ------- Custom UI:home ------ */
		/*
		var homeControlDiv = document.createElement('DIV');
		homeControlDiv.style.padding = '5px';
		
		// Set CSS for the control border
		var controlHomeUI = document.createElement('DIV');
		controlHomeUI.style.backgroundColor = 'white';
		controlHomeUI.style.borderStyle = 'solid';
		controlHomeUI.style.borderWidth = '1px';
		controlHomeUI.style.cursor = 'pointer';
		controlHomeUI.style.textAlign = 'center';
		controlHomeUI.title = 'Click to set the map to Home';
		homeControlDiv.appendChild(controlHomeUI);
		
		// Set CSS for the control interior
		var controlHomeText = document.createElement('DIV');
		controlHomeText.style.fontFamily = 'Arial,sans-serif';
		controlHomeText.style.fontSize = '12px';
		controlHomeText.style.paddingLeft = '4px';
		controlHomeText.style.paddingRight = '4px';
		controlHomeText.innerHTML = 'Home';
		controlHomeUI.appendChild(controlHomeText);		
		
		homeControlDiv.index = 1;		
		map.controls[google.maps.ControlPosition.TOP_LEFT].push(homeControlDiv);

		google.maps.event.addDomListener(controlHomeUI, 'click', function() {
		    map.setCenter(newHome);
			map.setZoom(newZoom);		    
		});		
		*/
		/* ------- Custom UI:home // End ------ */
		
		/* ------- Custom UI:full ------ */
		/*
		var fullControlDiv = document.createElement('DIV');
		fullControlDiv.style.padding = '5px';
		
		// Set CSS for the control border
		var controlFullUI = document.createElement('DIV');
		controlFullUI.style.backgroundColor = 'white';
		controlFullUI.style.borderStyle = 'solid';
		controlFullUI.style.borderWidth = '1px';
		controlFullUI.style.cursor = 'pointer';
		controlFullUI.style.textAlign = 'center';
		controlFullUI.title = 'Click to set the map to Home';
		fullControlDiv.appendChild(controlFullUI);
		
		var controlFullText = document.createElement('DIV');
		controlFullText.style.fontFamily = 'Arial,sans-serif';
		controlFullText.style.fontSize = '12px';
		controlFullText.style.paddingLeft = '4px';
		controlFullText.style.paddingRight = '4px';
		controlFullText.innerHTML = 'FullScreen';
		controlFullUI.appendChild(controlFullText);		

		fullControlDiv.index = 1;		
		map.controls[google.maps.ControlPosition.TOP_LEFT].push(fullControlDiv);

		google.maps.event.addDomListener(controlFullUI, 'click', function() {

			jQuery("#jowrneyLogmapContainer").css('position', 'fixed');
			jQuery("#jowrneyLogmapContainer").css('left', '0px');
			jQuery("#jowrneyLogmapContainer").css('top', '0px');					
			jQuery("#jowrneyLogmapContainer").css('height', '100%');		
			jQuery("#jowrneyLogmapContainer").css('width', '100%');
			jQuery("#jowrneyLogmapContainer").css('z-index', '100000');
			
		});		
		*/
		/* ------- Custom UI:full // End ------ */		
		
	});

}