var navigatorTabs = Class.create(); navigatorTabs.prototype = { initialize: function( togglers_container_id, togglers_class, togglers_over_class, togglers_click_class, blocks_container_id, blocks_container_class, block_class, hidden_class ) { this.toggler_container = $(togglers_container_id); this.togglers = this.toggler_container.getElementsByClassName(togglers_class); this.container = $(blocks_container_id); this.blocks = this.container.getElementsByClassName(block_class); if( this.togglers.length != this.blocks.length ) { return false; } this.togglers_over_class = togglers_over_class; this.hidden_class = hidden_class; /* ЗАКОМЕНТИЛ ДЛЯ ЖАННЫ ZHANNA this.container.addClassName( blocks_container_class); ZHANNA */ //this.container.addClassName( this.hidden_class ); this.blocks[0].addClassName( this.hidden_class/* добавил для ZHANNA */ + ' ' + blocks_container_class/* добавил для ZHANNA */ ); this.blocks[1].addClassName( this.hidden_class/* добавил для ZHANNA */ + ' ' + blocks_container_class/* добавил для ZHANNA */ ); this.observeToggler(this.togglers[0], this.togglers[1], this.blocks[1], this.blocks[0], togglers_click_class ); this.observeToggler(this.togglers[1], this.togglers[0], this.blocks[0], this.blocks[1], togglers_click_class ); return true; }, observeToggler: function( toggler_obj_active, toggler_obj_deactive, block_to_hide, block_to_show, togglers_click_class ) { Event.observe( toggler_obj_active, 'click', this.switchBlocks.bind(this, block_to_hide, block_to_show, toggler_obj_active, toggler_obj_deactive, togglers_click_class ) ); Event.observe( toggler_obj_active, 'mouseover', this.toggleClass.bind( this, toggler_obj_active ) ); Event.observe( toggler_obj_active, 'mouseout', this.toggleClass.bind( this, toggler_obj_active ) ); return true; }, toggleClass: function( toggler_obj ) { if( Element.hasClassName( toggler_obj, this.togglers_over_class ) ) Element.removeClassName( toggler_obj, this.togglers_over_class ); else Element.addClassName( toggler_obj, this.togglers_over_class ); return true; }, switchBlocks: function( block_to_hide, block_to_show, toggler_obj_active, toggler_obj_deactive, togglers_click_class ) { if( !Element.hasClassName( block_to_hide, this.hidden_class ) ) { Element.addClassName( block_to_hide, this.hidden_class ); Element.removeClassName( toggler_obj_deactive, togglers_click_class ); } if( Element.hasClassName( block_to_show, this.hidden_class) ) { Element.addClassName( toggler_obj_active, togglers_click_class ); Element.removeClassName( block_to_show, this.hidden_class ); //Element.removeClassName( this.container, this.hidden_class ); } else { if( Element.hasClassName( toggler_obj_active, togglers_click_class ) ) Element.removeClassName( toggler_obj_active, togglers_click_class ); //Element.addClassName( this.container, this.hidden_class ); Element.addClassName( block_to_show, this.hidden_class ); } return true; } };