$(document).ready(function() {
  mapa = new RegionMap();
  mapa.init();
});

function changeRegion(list) {
		location.href = list.options[list.selectedIndex].value;
}

function RegionMap() {
  var mapID = "map-cr";

  this.init = function() {

    if(!document.getElementById( mapID )) return;
    var area = document.getElementById( mapID ).getElementsByTagName('area');

    var i = 0;
    var count = area.length;

    for(i; i<count; i++) {
      area[i].onmouseover = this.locate;
    }

  };

  this.locate = function() {

    switch(this.title) {
      case 'Hlavní město Praha': k = 1; break;
      case 'Jihočeský kraj': k = 8; break;
      case 'Karlovarský kraj': k = 9; break;
      case 'Jihomoravský kraj': k = 2; break;
      case 'Královehradecký kraj': k = 5; break;
      case 'Liberecký kraj': k = 10; break;
      case 'Moravskoslezský kraj': k = 4; break;
      case 'Olomoucký kraj': k = 11; break;
      case 'Pardubický kraj': k = 3; break;
      case 'Plzeňský kraj': k = 12; break;
      case 'Středočeský kraj': k = 6; break;
      case 'Ústecký kraj': k = 13; break;
      case 'Kraj Vysočina': k = 7; break;
      case 'Zlínský kraj': k = 14; break;
      default: k = 0;
    }

    switch(document.getElementById( mapID ).className) {
      case 'hl-m-praha': set = 1; break;
      case 'jihocesky-kraj': set = 8; break;
      case 'karlovarsky-kraj': set = 9; break;
      case 'jihomoravsky-kraj': set = 2; break;
      case 'kralovehradecky-kraj': set = 5; break;
      case 'liberecky-kraj': set = 10; break;
      case 'moravskoslezsky-kraj': set = 4; break;
      case 'olomoucky-kraj': set = 11; break;
      case 'pardubicky-kraj': set = 3; break;
      case 'plzensky-kraj': set = 12; break;
      case 'stredocesky-kraj': set = 6; break;
      case 'ustecky-kraj': set = 13; break;
      case 'kraj-vysocina': set = 7; break;
      case 'zlinsky-kraj': set = 14; break;
      default: set = 0;
    }

    var shift;
    shift = k < 8 ? "0px -" + (k * 201) + "px" : "-329px -" + ((k-7) * 201) + "px";
    document.getElementById( mapID ).style.backgroundPosition = shift;

//    shift = set < 8 ? "0px -" + (set * 201) + "px" : "-329px -" + ((set-7) * 201) + "px";
//    document.getElementById('ma').getElementsByTagName('div')[0].style.backgroundPosition = shift;

	};
}