var Hover = 
{
    map:null,
    img:null,
    imgPath:null,
    init:function(mapId, imgId, imgPath)
    {
        this.map = document.getElementById(mapId);
        this.img = document.getElementById(imgId); 
        this.imgPath = imgPath;  
        this.bindMap();
    },
    bindMap:function()
    {
        var areas = this.map.getElementsByTagName('area');
        for ( i = 0; i < areas.length; ++i )
        {
            areas[i].onmouseover = Hover.mouseover;
            areas[i].onmouseout = Hover.mouseout;
        }
    },
    mouseover:function()
    {
        Hover.img.src = Hover.imgPath +this.id + ".gif";
		document.getElementById(this.id + "_headline").style.display = "block";
	},
    mouseout:function()
    {
        Hover.img.src = Hover.imgPath + Hover.map.id + ".gif";
		document.getElementById(this.id + "_headline").style.display = "none";
    }
}


function setVisibility(id, visibility) {
	document.getElementById(id).style.display = visibility;
}
