window.addEvent('domready', function() {  
   infobox = new box();      
 });
     
 var box = new Class({
 	
	    initialize: function() {
		  
		    var relations = new Array();
		    relations['twelve1'] = 'infobox1';
		    relations['twelve2'] = 'infobox2';
		    relations['twelve3'] = 'infobox3';
		    relations['twelve4'] = 'infobox4';
		    relations['twelve5'] = 'infobox5';
		    relations['twelve6'] = 'infobox6';
		    relations['twelve7'] = 'infobox7';
		    relations['twelve8'] = 'infobox8';
		    relations['twelve9'] = 'infobox9';
		    relations['twelve10'] = 'infobox10';
		    relations['twelve11'] = 'infobox11';
		    relations['twelve12'] = 'infobox12';
		
        this.twelveEl = $('twelve_wrap').getElements('div[id^=twelve]')
        this.twelveEl.each(function(el) {
           this.linkId = el.get('id');
           this.linkId = relations[this.linkId];
           this.linkEl = el.getElement('a');
           this.linkEl.addEvent('mouseenter', this.show_Box.pass(this.linkId));
           this.linkEl.addEvent('mouseleave', this.hide_Box.pass(this.linkId));
        }, this);
      },
       
      show_Box: function(el) {
        $(el).setProperty('class', 'infobox');
      },

      hide_Box: function(el) {
        $(el).setProperty('class', 'hideme');
      }
 	});