// ----------------- 변경 대상 Item -----------------

// 금색 Table - (지점명/지역구분/주소/연락처) _ 변경시에는 textContent 사용할 것
var or_name = document.getElementsByTagName('tbody')[3].getElementsByTagName('tr')[0].getElementsByTagName('td')[0]
var or_category = document.getElementsByTagName('tbody')[3].getElementsByTagName('tr')[1].getElementsByTagName('td')[1]
var or_add = document.getElementsByTagName('tbody')[3].getElementsByTagName('tr')[2].getElementsByTagName('td')[1]
// 전화번호는 링크 필요 - innerHTML 사용할 것
var or_tel = document.getElementsByTagName('tbody')[3].getElementsByTagName('tr')[3].getElementsByTagName('td')[1]

// 매장별 테이블 내 이미지 _ 변경시에는 src 사용할 것
var or_img1 = document.getElementsByClassName('img_wrap')[0].getElementsByTagName('img')[0]
var or_img2 = document.getElementsByClassName('img_wrap')[0].getElementsByTagName('img')[1]
var or_img3 = document.getElementsByClassName('img_wrap')[0].getElementsByTagName('img')[2]

// ----------------- 변경용 DATA -----------------

// 게시판 노출 중지 상태 입력 DATA
var category = document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[0].getElementsByTagName('td')[1].textContent
var name = document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[1].getElementsByTagName('td')[1].textContent
var add = document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[2].getElementsByTagName('td')[1].textContent
// 카카오맵 검색용 도로명 주소 추출
var search_add = add.split(",")[0]
// 전화번호는 링크 필요 - innerHTML 사용할 것
var tel = document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[3].getElementsByTagName('td')[1].textContent
var id = document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[9].getElementsByTagName('td')[1].textContent

// 매장별 업로드 이미지
var img = document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[10].getElementsByTagName('td')[1]

var img1 = img.getElementsByTagName('div')[0].getElementsByTagName('a')[0].href
var img2 = img.getElementsByTagName('div')[1].getElementsByTagName('a')[0].href
var img3 = img.getElementsByTagName('div')[2].getElementsByTagName('a')[0].href


// 기존 게시판 형식 무효화
$(function () {
    //매장 지역 구분
    document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[0].style.cssText = 'display:none'
    //매장명
    document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[1].style.cssText = 'display:none'
    //주소
    document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[2].style.cssText = 'display:none'
    //매장 연락처
    document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[3].style.cssText = 'display:none'

    //카카오맵 등록 ID
    document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[9].style.cssText = 'display:none'
    //첨부파일
    document.getElementsByTagName('tbody')[2].getElementsByTagName('tr')[10].style.cssText = 'display:none'

    // ------ 금색 테이블 내 내용 변경
    // 매장명 변경
    if (name == '\n\t\t\t\t\t                                                    로샤 아울렛\n                                            \t\t\t\t') {
        or_name.textContent = name
    } else {
        or_name.textContent = '로샤 ' + name
    }
    // 지역구분 변경
    or_category.textContent = category;
    // 주소 변경
    or_add.textContent = add;
    // 연락처 내용 및 링크 변경
    or_tel.innerHTML = '<a href="tel:' + tel + '" class="tel_link">' + tel + '</a>';

    // ------ 이미지 테이블 바꾸기
    // 이미지 1번
    or_img1.src = img1;
    // 이미지 2번
    or_img2.src = img2;
    // 이미지 3번
    or_img3.src = img3;
})

var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
    mapOption = {
        center: new kakao.maps.LatLng(37.480, 126.570), // 지도의 중심좌표
        level: 4 // 지도의 확대 레벨
    };

// 지도를 생성합니다    
var map_2 = new kakao.maps.Map(mapContainer, mapOption);

// 주소-좌표 변환 객체를 생성합니다
var geocoder = new kakao.maps.services.Geocoder();

// 주소로 좌표를 검색합니다
geocoder.addressSearch(search_add, function (result, status) {

    // 정상적으로 검색이 완료됐으면 
    if (status === kakao.maps.services.Status.OK) {

        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);


        //마커 설정 내용
        var Src = "https://rojanie1996.cafe24.com/bizdemo69656/img/homepee/images/marker2.png";
        var Size = new kakao.maps.Size(70, 35);
        var Options = {
            offset: new kakao.maps.Point(35, 33) // 마커 좌표에 일치시킬 이미지 안의 좌표
        };

        var markerImage = new kakao.maps.MarkerImage(Src, Size, Options);

        // 결과값으로 받은 위치를 마커로 표시합니다
        var marker = new kakao.maps.Marker({
            map: map_2,
            position: coords,
            image: markerImage,
        });

        // 커스텀 오버레이 내용
        var content = document.createElement('div');
        content.className = 'wrap'

        // info div
        var info = document.createElement('div');
        info.className = 'info'

        content.appendChild(info)

        // title div [매장명+닫기버튼]
        var title = document.createElement('div');
        title.className = 'title',
            title.innerHTML = name; //[수정필요]

        if (name == '\n\t\t\t\t\t                                                    로샤 아울렛\n                                            \t\t\t\t') {
            title.innerHTML = name
        } else {
            title.innerHTML = '로샤 ' + name
        }

        info.appendChild(title)

        // body
        var body = document.createElement('div');
        body.className = 'body',

            info.appendChild(body)

        // dsec [주소+연락처+url]
        var desc = document.createElement('div');
        desc.className = 'desc',

            body.appendChild(desc)

        // 주소
        var ellipsis = document.createElement('div');
        ellipsis.className = 'kakaolink',
            ellipsis.innerHTML = ''

        // 매장 지도 내 카카오 지도 링크
        if (id == '\n\t\t\t\t\t                                                    \n                                            \t\t\t\t') {
            //미등록상태
            ellipsis.innerHTML =
                '<a href="https://map.kakao.com/link/search/' + search_add.trim() + '" target="_blank">' + '카카오 지도에서 길찾기' + '</a>';
        } else {
            //등록상태
            ellipsis.innerHTML =
                '<a href="https://map.kakao.com/link/to/' + id.trim() + '" target="_blank">' + '카카오 지도에서 길찾기' + '</a>';
        }

        desc.appendChild(ellipsis)

        // 인포윈도우로 장소에 대한 설명을 표시합니다
        var overlay = new kakao.maps.CustomOverlay({
            position: coords,
            content: content,
            yAnchor: 2.0,
            xAnchor: 0.6,
            zIndex: 2
        });

        overlay.setMap(map_2);

        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
        map_2.setCenter(coords);
    }
});