/**
 * Map
 * 
 */
var map = {
        
  init: function ()
	{
		map.setupKey();		
		
		if(BrowserDetect.browser=='Explorer' && BrowserDetect.version==6)
		{
		  $('bLink').setStyle({ margin:'20px 0 0 0' } );
		  $('map').setStyle({ height:'585px' });
		}
  },
	
	
	
	
	setupKey: function()
	{
		if( $('mapKey') )
		{
			var links = $('mapKey').childNodes;
			for( var x=0; x<links.length; x++ )
			{
				if( $('mapKey').childNodes[x].nodeName !='#text')
				{
				  Event.observe( $('mapKey').childNodes[x], 'click',     map.load, false );
          Event.observe( $('mapKey').childNodes[x], 'mouseover', map.keyover, false );
          Event.observe( $('mapKey').childNodes[x], 'mouseout',  map.keyout, false );
				}			
			}
		}
		
		if( $('mapLocations'))
		{
		  var links = $('mapLocations').childNodes;
      for( var x=0; x<links.length; x++ )
      {
        if( $('mapLocations').childNodes[x].nodeName !='#text')
        {
          Event.observe( $('mapLocations').childNodes[x], 'mouseover', map.mapover, false );
          Event.observe( $('mapLocations').childNodes[x], 'mouseout',  map.mapout, false );
        }     
      }
		}
	},
	
	
	load: function(event)
	{
    var element = event.element();
    var href = element.childNodes[0].href;

    document.location.href = href;
	},
  
  
  
  keyover: function(event)
  {
    var element = event.element();    
    var mapId = element.id.replace('map_', '');    
    var position = 296*mapId;
    
    element.setStyle({ backgroundPosition: '0 -20px' });
    $('mapBg').setStyle({ backgroundPosition: '0 -'+position+'px' });
  },
  
  
  
  keyout: function(event)
  {
    var element = event.element();    
    
    element.setStyle({ backgroundPosition: '0 0' });
    $('mapBg').setStyle({ backgroundPosition: '0 0' });
  },
  
  
  
  mapover: function(event)
  {
    var element = event.element();    
    var mapId = element.className.replace('map_', '');    
    var position = 296*mapId;
    
    $(element.className).setStyle({ backgroundPosition: '0 -20px' });
    $('mapBg').setStyle({ backgroundPosition: '0 -'+position+'px' });
  },
  
  
  
  mapout: function(event)
  {
    var element = event.element();    

    $(element.className).setStyle({ backgroundPosition: '0 0' });
    $('mapBg').setStyle({ backgroundPosition: '0 0' });
  }
  
  
}

document.observe( "dom:loaded", map.init );