var lastLayerLeonard = '';
var lastLayerLucie = '';
var isDragging = 'N';

function nextSite() {
  if (currentSite < 9)
  {
    next = Number(currentSite) + 1;
    putSite(next);
  }
  else
  { putSite(currentSite); }
}

function previousSite() {
  if (currentSite > 1)
  {
    previous = Number(currentSite) - 1;
    putSite(previous);
  }
  else
  { putSite(currentSite); }
}

function putArrowMarker(site) {
 
  var position = getAreaPositions(site,'layerMarker');
  
  document.getElementById('layerMarker').style.left =  position[0] + 'px';
  document.getElementById('layerMarker').style.top  =  position[1] + 'px';
  document.getElementById('layerMarker').style.visibility = 'visible';
}

function putTravelDate(site) {
}


function putArrowToolTip(site) {
  var toolTipData = getTitle(site);

  /*
  // Title Text:
  document.getElementById('layerTooltip').innerHTML = toolTipTextSite;
  var position = getAreaPositions(site,'layerTooltip');
  
  position[1] += 50; // move text down
  document.getElementById('layerTooltip').style.left =  position[0] + 'px';
  document.getElementById('layerTooltip').style.top  =  position[1] + 'px';
  document.getElementById('layerTooltip').style.visibility = 'visible';
  */

  // Date of Travel:
  var travelDateText = toolTipData[1];
  var toolTipTextSite = toolTipData[0];
  document.getElementById('footerDate').innerHTML = travelDateText;
  document.getElementById('footerTitle').innerHTML = toolTipTextSite;

  /*
  position = getAreaPositions(site,'layerTravelDate');
  position[1] += 50; // move text down
  document.getElementById('layerTravelDate').style.left =  position[0] + 'px';
  document.getElementById('layerTravelDate').style.top  =  position[1] + 'px';
  document.getElementById('layerTravelDate').style.visibility = 'visible';
  */

}

function getAreaPositions(areaObjId,placeObjId) {
 
  try       { var position = document.getElementById(areaObjId).getAttribute("coords",0).split(","); }
  catch (e) { return;}
  
  /*
    position[0] = linke obere Ecke,   Pixel von links
    position[1] = linke obere Ecke,   Pixel von oben
    position[2] = rechte untere Ecke, Pixel von links
    position[3] = rechte untere Ecke, Pixel von oben
    //alert(position);
  */
  
  var offsetX = ( (position[2]-position[0]) - document.getElementById(placeObjId).offsetWidth ) / 2; // horizontal zentrieren
  var offsetY = 0;
  
  posLeft = position[0] * 1;  // cast to number
  posTop  = position[1] * 1;   // cast to number
  
  //offsetX = 0;
  posLeft += offsetX;
  posTop  += offsetY;
  
  var position = new Array(posLeft,posTop);
  return position;
}

function chgOnDrag(site) {
  if (! site) {site = currentSite}
  if (isDragging == 'Y') { putSite(site); }
}

function setDrag () {
  isDragging = 'Y';
}
function unsetDrag () {
  isDragging = 'N';
}

function blockImageDrag() {
  for (i=0;i<document.images.length;i++)
  {
     document.images[i].onmousedown = returnFalse;
     //document.images[i].onmousemove = returnFalse;
  }
}

function returnFalse (e) {
   return false;
}

document.onmouseup = unsetDrag;