var link = "";


Image1 = new Image()
Image1.src = "staticfiles/pics/Image16.gif"

area_1 = new Image()
area_1.src = "staticfiles/pics/area_1.gif"

area_2 = new Image()
area_2.src = "staticfiles/pics/area_2.gif"

area_3 = new Image()
area_3.src = "staticfiles/pics/area_3.gif"

area_4 = new Image()
area_4.src = "staticfiles/pics/area_4.gif"

area_5 = new Image()
area_5.src = "staticfiles/pics/area_5.gif"

area_6 = new Image()
area_6.src = "staticfiles/pics/area_6.gif"

area_7 = new Image()
area_7.src = "staticfiles/pics/area_7.gif"

area_8 = new Image()
area_8.src = "staticfiles/pics/area_8.gif"

area_9 = new Image()
area_9.src = "staticfiles/pics/area_9.gif"

area_10 = new Image()
area_10.src = "staticfiles/pics/area_10.gif"

area_11 = new Image()
area_11.src = "staticfiles/pics/area_11.gif"

area_12 = new Image()
area_12.src = "staticfiles/pics/area_12.gif"

area_13 = new Image()
area_13.src = "staticfiles/pics/area_13.gif"

function reset(temp) {

document.getElementById('imageMap1').style.display = "none";
document.getElementById('imageMap2').style.display = "none";

var obj = document.getElementById(temp);

if( document.getElementById('imageMap2').style.display == "none" && document.getElementById('showImageMap').style.visibility != "visible")
{
document.getElementById('showImageMap').style.visibility = "visible";
}

if( link == "")
{
   link = obj;
}

 link.style.visibility = "hidden";
 obj.style.visibility = "visible";
 link = obj;

}


function showImageMap()
{
link.style.visibility = "hidden";
document.getElementById('imageMap1').style.display = "block";
document.getElementById('imageMap2').style.display = "block";
document.getElementById('showImageMap').style.visibility = "hidden";
}

function show_area(area) {
  setTimeout(function() {show_area_delayed(area);}, 200);
}

function show_area_delayed(area) {
document.getElementById("emp").src = area.src;
 return true;
}

function hide_area() {

document.getElementById("emp").src = Image1.src; return true;

}