var navigatorTabs = Class.create(); navigatorTabs.prototype = { initialize: function() { this.address_toggler = $('address'); this.contact_us_toggler = $('contact_us'); this.address_span = $('address_span'); this.contact_us_span = $('contact_us_span'); this.address_div = $('address_container'); this.contact_us_div = $('contacts_container_t'); this.address_div.addClassName('address_absolute hide'); this.contact_us_div.addClassName('contact_us_absolute hide'); Event.observe( this.address_toggler, 'mouseover', this.over.bind(this, this.address_span) ); Event.observe( this.address_toggler, 'mouseout', this.over.bind(this, this.address_span) ); Event.observe( this.contact_us_toggler, 'mouseover', this.over.bind(this, this.contact_us_span) ); Event.observe( this.contact_us_toggler, 'mouseout', this.over.bind(this, this.contact_us_span) ); Event.observe( this.address_toggler, 'click', this.toggle.bind(this, 1) ); Event.observe( this.contact_us_toggler, 'click', this.toggle.bind(this, 2) ); return true; }, over: function( obj ) { if( !obj.hasClassName('over') ) obj.addClassName('over'); else obj.removeClassName('over'); }, toggle: function( toggler ) { if( toggler == 1 ) { if( !this.contact_us_div.hasClassName('hide') ) { this.contact_us_div.addClassName('hide'); } if( this.address_div.hasClassName('hide') ) { this.address_div.removeClassName('hide'); } else { this.address_div.addClassName('hide'); } } if( toggler == 2 ) { if( !this.address_div.hasClassName('hide') ) { this.address_div.addClassName('hide'); } if( this.contact_us_div.hasClassName('hide') ) { this.contact_us_div.removeClassName('hide'); } else { this.contact_us_div.addClassName('hide'); } } return true; } };