var AreaMap=new Class({Implements:[Options,Events],options:{items:[],container:"",clickHandler:null},map:null,initialize:function(a){this.setOptions(a);this.map=new Element("map",{name:"area-map"});this.options.items.each(function(d,c){var e=new Element("img",{src:d.options.defaultImage});$(this.options.container).grab(e,"top");var b=new Element("area",{shape:"poly",coords:d.options.coords,alt:d.options.name,nohref:"nohref",href:"#"});b.store("areaMapItem",d);b.store("areaImg",e);b.addEvent("mouseenter",this.areaHover.bindWithEvent(this,b));b.addEvent("mouseleave",this.areaLeave.bindWithEvent(this,b));b.addEvent("mousedown",this.areaClick.bindWithEvent(this,b));d.areaElement=b;this.map.grab(b);},this);$(this.options.container).grab(this.map,"top");},hilightArea:function(a){this.options.items.each(function(c,b){if(c.options.id==a){this.areaHover.bind(this,[null,c.areaElement])();}},this);},lowlightArea:function(a){this.options.items.each(function(c,b){if(c.options.id==a){this.areaLeave.bind(this,[null,c.areaElement])();}},this);},areaHover:function(b,d){var c=d.retrieve("areaImg");var a=d.retrieve("areaMapItem");c.set("src",a.options.hoverImage);},areaLeave:function(b,d){var c=d.retrieve("areaImg");var a=d.retrieve("areaMapItem");c.set("src",a.options.defaultImage);},areaClick:function(b,c){var a=c.retrieve("areaMapItem");this.options.clickHandler.pass([a.options.name,a.options.id])();}});var AreaMapItem=new Class({Implements:[Options,Events],options:{id:-1,coords:"",name:"",defaultImage:"",hoverImage:""},initialize:function(a){this.setOptions(a);this.options.hoverImage=this.options.defaultImage.replace(/.gif/,"-ovr.gif");}});