/* guide.js */



function setMapEvent(){
  var timer = setInterval(setMapEvent,100);
  function setMapEvent(){
    clearInterval(timer);
    var map = document.getElementById('map');
    if(!map) return false;
    var a = map.getElementsByTagName('a');
    for(var i=0;i<a.length;i++){
      a[i].setAttribute('title',a[i].firstChild.nodeValue);
      a[i].setAttribute('href','javascript:');
      a[i].onclick = viewGuide;
    }
    var viewer = document.getElementById('imageViewer');
    viewer.onclick = function(){
      return true;
    }
  }
}

function viewGuide(){//
  guideId = 'data-' + this.getAttribute('id').replace(/^g-(\d+)$/,'guide-$1').replace(/^s-(\d+)$/,'spot-$1');
  var timer = setInterval(viewGuideData,20);
  function viewGuideData(){
    clearInterval(timer);
    var id = guideId;
    setViewLayer('imageViewerMask',1);
    var image = document.getElementById('imageViewerImage');
    image.style.height = 'auto';
    image.style.background = '#fff';
    setViewLayer('imageViewer',1);
    var data = document.getElementById(id).innerHTML;
    var type = (id.match('spot-'))? 'spot': 'guide';
    if(id.match('spot-2')) type += ' noimg';
    var img = 'img/guide/' + id.replace('data-','') + '.jpg';
    image.innerHTML = '<div class="' + type + '" style="background-image:url(' + img + ')">' + data + '</div>' +
      '<img id="imageViewerOff" src="/img/format/button-close.png" width="17" height="17" onclick="imageViwerHide();" />';
    var w = image.offsetWidth;
    var h = image.offsetHeight;
    setImageViwer(w,h);
    var viewer = document.getElementById('imageViewer');
    viewer.style.left = ((document.documentElement.scrollLeft || document.body.scrollLeft) + 
                        Math.floor(((document.documentElement.clientWidth || document.body.clientWidth) - w) / 2)) + 'px';
    viewer.style.top = ((document.documentElement.scrollTop || document.body.scrollTop) + 
                        Math.floor(((document.documentElement.clientHeight || document.body.clientHeight) - h) / 2)) + 'px';
    setViewLayer('imageViewerOff',1)
  }
  return false;
}



var guideId;

setOnLoad(setMapEvent);