function showDetailsHolland(num) {
 
  document.getElementById('mapImg').src = './Resources/Images/Maps/HollandMap/DealerNetworkNl_' + num + '.png';
}

function hideDetailsHolland() {
  document.getElementById('mapImg').src = './Resources/Images/DealerNetworkNl.png';
}


function showDetailsBelgium(num) {

  document.getElementById('mapImg').src = './Resources/Images/Maps/BelgiumMap/DealerNetworkBe_' + num + '.png';
}

function hideDetailsBelgium() {
  document.getElementById('mapImg').src = './Resources/Images/DealerNetworkBe.png';
}


function openDetailsBelgium(num) {

  var drp = document.getElementById(drpProvinceID); 
    switch (num) {
      case 1:
        drp[6].selected = true;
        break;
      case 2:
        drp[4].selected = true;
        break;
      case 3:
        drp[1].selected = true;
        break;
      case 4:
        drp[3].selected = true;
        break;
      case 5:
        drp[5].selected = true;
        break;
      case 6:
        drp[9].selected = true;
        break;
      case 7:
        drp[8].selected = true;
        break;
      case 8:
        drp[7].selected = true;
        break;
      case 9:
        drp[11].selected = true;
        break;
      case 10:
        drp[10].selected = true;
        break;
      case 11:
        drp[12].selected = true;
        break;
      case 12:
        drp[2].selected = true;
        break;
    }
  }

  function openDetailsHolland(num) {

    var drp = document.getElementById(drpProvinceID);
    switch (num) {
      case 1:
        drp[5].selected = true;
        break;
      case 2:
        drp[1].selected = true;
        break;
      case 3:
        drp[9].selected = true;
        break;
      case 4:
        drp[8].selected = true;
        break;
      case 5:
        drp[2].selected = true;
        break;
      case 6:
        drp[4].selected = true;
        break;
      case 7:
        drp[10].selected = true;
        break;
      case 8:
        drp[12].selected = true;
        break;
      case 9:
        drp[11].selected = true;
        break;
      case 10:
        drp[7].selected = true;
        break;
      case 11:
        drp[3].selected = true;
        break;
      case 12:
        drp[6].selected = true;
        break;
      
      
    }
  }


var IE = document.all ? true : false

if (!IE) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0


function getMouseXY(e) {
  if (IE) {
    var bodyLeft = 0;
    var bodyTop = 0;

    if (document.body) {
      bodyLeft = document.body.scrollLeft;
      bodyTop = document.body.scrollTop;
    }

    tempX = event.clientX + bodyLeft;
    tempY = event.clientY + bodyTop;
  } else {
    tempX = e.pageX
    tempY = e.pageY
  }

  if (tempX < 0) { tempX = 0 }
  if (tempY < 0) { tempY = 0 }

  if (document.getElementById('MouseX')) {
    document.getElementById('MouseX').value = tempX
    document.getElementById('MouseY').value = tempY
  }
  return true
}