/*
 * 컨트롤 이벤트
 * 색인 지도를 마우스로 움직여 지도 영역이 컨트롤 될 때마다 발생되는 이벤트로
 * 발생될 때 마다 이벤트 정보가 들어있는 이벤트 인수와 함께 호출됩니다.
 */
	 
/* 
 * 리턴 되는 이벤트 인수
 * 1) type : 이벤트 타입 입니다.
 * 2) target : 이벤트를 발생시킨 객체입니다. 
 */
 
/*
 * MoveStart Event 
 * 색인 지도가 이동하기 시작했을 때 발생하는 이벤트 입니다
 * type : 'movestart'
 */
miniMap._miniMap.on('movestart' , function (e){
	// Move Start Event 발생 시 상단 텍스트에 스타일을 적용 하여 가시화
	var event = document.getElementById('move_movestart');
	event.classList.add('move_active');
	
	// 1초 경과 시 스타일적용 해제
	var timeout = setTimeout(function() {
	   event.classList.remove('move_active');
	}, 1000);
});
    
/*
 * Move Event 
 * 색인 지도가 이동 중일 때 발생하는 이벤트 입니다
 * type : 'move'
 */
miniMap._miniMap.on('move' , function (e){
	// Move Start Event 발생 시 상단 텍스트에 스타일을 적용 하여 가시화
	var event = document.getElementById('move_move');
	event.classList.add('move_active');
	    
	// 1초 경과 시 스타일적용 해제
	var timeout = setTimeout(function() {
	     event.classList.remove('move_active');
	}, 1000);
});
    
/*
 * Move End Event 
 * 색인 지도가 이동이 종료 되었을 때 발생하는 이벤트 입니다
 * type : 'moveend'
 */
miniMap._miniMap.on('moveend' , function (e){
	// Move End Event 발생 시 상단 텍스트에 스타일을 적용 하여 가시화
	var event = document.getElementById('move_moveend');
	event.classList.add('move_active');
	    
	// 1초 경과 시 스타일적용 해제
	var timeout = setTimeout(function() {
	   event.classList.remove('move_active');
	}, 1000);
});