// funcions de control de moviment del mapa
function mapaDown()
{
var posicionTop;
var mapaHeight;
var zonaMapaHeight;

  posicionTop = parseInt(document.getElementById("imgMapa").style.top);
  mapaHeight = parseInt(document.getElementById("imgMapa").height);
  zonaMapaHeight= 259;
  
  posicionTop = posicionTop - 50;
  
  // vigilar de no passar-se
  if (posicionTop + mapaHeight < zonaMapaHeight) posicionTop = -mapaHeight + zonaMapaHeight;
  
  document.getElementById("imgMapa").style.top = posicionTop + "px";
}

function mapaUp()
{
var posicionTop;
var mapaHeight;
var zonaMapaHeight;

  posicionTop = parseInt(document.getElementById("imgMapa").style.top);
  
  posicionTop = posicionTop + 50;
  
  // vigilar de no passar-se
  if (posicionTop >= 0) posicionTop = 0;
  
  document.getElementById("imgMapa").style.top = posicionTop + "px";
}

function mapaRight()
{
var posicionLeft;
var mapaWidth;
var zonaMapaWidth;

  posicionLeft = parseInt(document.getElementById("imgMapa").style.left);
  mapaWidth = parseInt(document.getElementById("imgMapa").width);
  zonaMapaWidth = 279;
  
  posicionLeft = posicionLeft - 50;
  
  // vigilar de no passar-se
  if (posicionLeft + mapaWidth < zonaMapaWidth) posicionLeft = -mapaWidth + zonaMapaWidth;
  
  document.getElementById("imgMapa").style.left = posicionLeft + "px";
}

function mapaLeft()
{
var posicionLeft;
var mapaWidth;
var zonaMapaWidth;

  posicionLeft = parseInt(document.getElementById("imgMapa").style.left);
  
  posicionLeft = posicionLeft + 50;
  
  // vigilar de no passar-se
  if (posicionLeft >= 0) posicionLeft = 0;
  
  document.getElementById("imgMapa").style.left = posicionLeft + "px";
}

function mapaCenter()
{
  document.getElementById("imgMapa").style.top = "-615px";
  document.getElementById("imgMapa").style.left = "-447px";
}