function swicthMenu( menu )
	{
		Element.removeClassName( $( 'menu_' + menu ), 'droper' );
		Element.addClassName( $( 'menu_' + menu ), 'droper_over' );
		Element.removeClassName( $( 'submenu_' + menu ), 'hide' );
	}


var dropMenu = Class.create();
dropMenu.prototype =
{
	initialize: function(div_id, opener_class, container_class)
	{
		this.selected_id = '';

		this.menu_container = $(div_id);
		if( ! this.menu_container ) return false;

		this.all_menus = $A(this.menu_container.getElementsByTagName('div'));
		this.spans = $A(this.menu_container.getElementsByTagName('span'));
		this.containers = $A(this.menu_container.getElementsByClassName('container'));
		this.link_containers = $A(this.menu_container.getElementsByClassName('dm'));

		this.main_menus_length = 0;

		this.temp_array = new Array();
		this.temp_index = 0;
		this.dropers = new Array();
		this.dropers_index = 0;
		for( var i=0; i<this.all_menus.length; i++)
		{
			if( this.all_menus[i].id )
			{
				this.matches = this.all_menus[i].id.split('_');

				if( !(this.matches[0].indexOf('sub') != -1) && (this.matches[1] != 'container') && (this.matches[0].indexOf('menu') != -1) )
				{
					this.dropers[this.dropers_index] = this.all_menus[i];
					this.dropers_index++;
					if( this.all_menus[i].hasClassName('open') )
					{
						this.switchDropperAndContainer( this.all_menus[i].id );
					}
					else
					{
						this.hide( 'sub'+this.all_menus[i].id );
					}
				}
			}

			if (this.all_menus[i].className != container_class)
			{
				this.temp_array[this.temp_index] = this.all_menus[i];
				this.temp_index++;
			}
		}

		this.all_menus = this.temp_array;

		// set up mouse listener for the dropper
		for( var i=0; i<this.dropers.length; i++)
		{
			Event.observe(this.dropers[i], 'click', this.switchDropperAndContainer.bind(this, this.dropers[i].id) );
		}
	},

	switchDropperAndContainer: function( id )
	{
		if( this.selected_id == '' )
		{
			this.selected_id = id;
			this.show( 'sub'+id );
			$(this.selected_id).addClassName('droper_over');
			$(this.selected_id).removeClassName('droper');
		}
		else if( this.selected_id == id )
		{
			$(this.selected_id).addClassName('droper');
			$(this.selected_id).removeClassName('droper_over');
			this.hide( 'sub'+id );
			this.selected_id = '';
		}
		else
		{
			$(this.selected_id).addClassName('droper');
			$(this.selected_id).removeClassName('droper_over');
			this.hide( 'sub'+this.selected_id );
			this.selected_id = id;
			$(this.selected_id).addClassName('droper_over');
			$(this.selected_id).removeClassName('droper');
			this.show( 'sub'+this.selected_id );
		}
	},

	hide: function( element )
	{
		if( typeof(element) != 'object' ) element = $(element);
		Element.addClassName( element, 'hide' );
	},

	show: function( element )
	{
		if( typeof(element) != 'object' ) element = $(element);
		Element.removeClassName( element, 'hide' );
	}
};