var showLevels = Class.create();
	showLevels.prototype =
	{
		initialize: function( main_container_id, list_class_name, catalogue_title, hide_class_name, title, content_container )
		{
			this.wait = false;
			this.html_inserted = false;

			this.title = $( title );
			this.content_container = $( content_container );

			this.main_container = $(main_container_id);
			if(!this.main_container) return false;

			this.lists = $A( this.main_container.getElementsByClassName( list_class_name ) );
			if(!this.lists) return false;

			this.catalogue_title = $(catalogue_title);

			this.list_class_name = list_class_name;
			this.hide_class_name = hide_class_name;
			this.first_click = false;

			this.current_obj = null;
			this.path = new Array();

			this.first_product = null;

			this.init(main_container_id);

			return true;
		},

		handleFirstClick: function()
		{
			if( !this.first_click )
			{
				Element.addClassName( this.content_container, this.hide_class_name );
				Element.addClassName( this.title, this.hide_class_name );
				for( var i=0; i<this.lists.length; i++ )
					Element.removeClassName( this.lists[i], this.list_class_name );

				if(this.catalogue_title)
					Element.removeClassName(this.catalogue_title, this.hide_class_name );

				this.first_click = true;
				this.lists.clear();
				this.main_container = false;
				this.catalogue_title = false;
			}
			return true;
		},

		init: function( container_id )
		{
			this.container = $( container_id );
			this.items = new Array();
			if( this.container )
				this.items = $$( '#' + container_id + ' A[class="rubrics"]');

			if( !this.items ) return false;

			this.td_index = $( container_id ).up( 'td' ).id.split( '_' );
			for( var i=0; i < this.items.length; i++ )
			{
				this.items[i].onclick = function() { return false; };
				Event.observe( this.items[i], 'click', this.getNextLevel.bind( this, this.items[i] ) );

				if( ( this.td_index[1] == 2 ) && ( this.td_index[2] == 1 ) && ( i == 0 ) )
				{
					this.first_product = this.items[i];
				}
			}
			this.container = false;
			this.items.clear();

			return true;
		},

		_hide: function( obj )
		{
			if( this.path.indexOf(this.current_id) != -1 )
			{
				return;
			}
			list = obj.up('ol')
			index = (list.id) ? list.id.split('_')[1] : '0';
			index = this.path.indexOf(index);
			index = ( index < 0 ) ? 0 : (index+1) ;

			path_length = this.path.length;

			for( var i=index; i<=path_length; ++i )
			{
				if( this.path[i] )
				{
					this.temp = $( 'block_'+this.path[i] );
					Element.addClassName( this.temp , this.hide_class_name );

					if( this.temp && this.temp.up('td') )
					{
						if( this.temp.up('td').id.split('_')[2] == 2 )
						{
							this.temp.up('td').style.background = '';
						}
						else
						{
							//Element.addClassName( this.temp.up('td') , this.hide_class_name );
							Element.addClassName( this.temp.up('tr') , this.hide_class_name );
						}
					}

					temp = 'item_'+this.path[i];
					Element.removeClassName( temp, 'active');

					this.path[i] = null;
				}
			}
			this.path = this.path.compact();

			temp = obj.id.split('_')[1];
			this.path.push( temp );

			return true;
		},

		getNextLevel: function( obj )
		{
			if( this.wait ) return false;

			if( this.current_obj && this.current_obj.id == obj.id ) return;

			this.current_obj = obj;
			this.current_id = obj.id.split('_')[1];
			this._hide( this.current_obj );
			Element.addClassName( this.current_obj, 'active');

			this.container = 'block_' + this.current_id;
			this.container = $( this.container );
			if( this.container )
			{
				Element.removeClassName( this.container, this.hide_class_name );
				Element.removeClassName( this.container.up('tr'), this.hide_class_name )

				this.td_index = this.container.up( 'td' ).id.split( '_' );

				if( ( this.td_index[1] == 2 ) && ( this.td_index[2] == 1 ) )
				{
					this.first_product = this.container.down( 'a.rubrics', 0 );

					this.current_obj = this.first_product;
					this.current_id = this.first_product.id.split('_')[1];
					this._hide( this.current_obj );
					Element.addClassName( this.current_obj, 'active');

					this.container = 'block_' + this.current_id;
					this.container = $( this.container );
					if( this.container )
					{
						Element.removeClassName( this.container, this.hide_class_name );
						Element.removeClassName( this.container.up('tr'), this.hide_class_name )
					}
					this.first_product = null;
				}
			}
			else
			{
				this.wait = true;

				this.request = new Ajax.Request
				(
					'get_catalogue_items',
					{
						method: 'post',
						parameters: { 'item_id': this.current_id },
						onComplete: this.displayOnPage.bind( this )
					}
				);
			}

			return false;
		},

		insertRowOrCell: function( cell_index, insert_row )
		{
			if( insert_row )
			{
				new_row = ( parseInt(this.row_obj.id.split('_')[1]) + 1 );
				row_cell = 'cell_' + new_row + '_' + cell_index;
				row_obj = $( 'row_'+ new_row );
				if( !row_obj )
				{
					tr = document.createElement( 'tr' );
					this.table_obj.appendChild( tr );
					tr.id = 'row_'+ new_row;
					tr = $( 'row_'+ new_row );

					td = document.createElement( 'td' );
					tr.appendChild( td );
					td.id = 'cell_' + new_row + '_1';
					td.borderColor = 'black';
					td.border = 1;
					td.vAlign = 'top';
					td.className = 'hide';
					td.width = '50%';

					//new Insertion.After ( this.row_obj, '<tr id="row_'+ new_row +'"><td valign="top" width="50%" class="hide" id="cell_'+new_row+'_1"></td></tr>' );//<td valign="top" width="50%" id="cell_'+new_row+'_2" class="hide"></td>
					this.html_inserted = true;
				}
				else
					Element.removeClassName( row_obj, this.hide_class_name );
			}
			else
			{
				row_cell = 'cell_' + this.row_obj.id.split('_')[1] + '_'+cell_index;
				if( !$(row_cell) )
				{
					td = document.createElement( 'td' );
					this.row_obj.appendChild( td );
					td.vAlign = 'top';
					td.width = '50%';
					td.border = 1;
					td.borderColor = 'black';
					td.id = row_cell;
					//new Insertion.Bottom( this.row_obj, '<td valign="top" width="50%" id="'+row_cell+'"></td>' )
					this.html_inserted = true;
				}
			}

			this.row_cell_obj = $( row_cell );
			return true;
		},

		displayOnPage: function ( request )
		{
			this.json = eval( '(' + request.responseText + ')' );

			if( this.json['result'] == 'false' )
			{
				this.wait = false;
				return false;
			}

			this.handleFirstClick();

			this.table_obj = this.current_obj.up('tbody');
			this.cell_obj = this.current_obj.up('td');
			this.row_obj = this.current_obj.up('tr');

			if( this.cell_obj.id.split('_')[2] == 1 )
			{
				this.insertRowOrCell( 2, 0 );
			}
			else
			{
				this.insertRowOrCell( 1, 1 );
			}

			/*
			if( this.row_cell_obj.id.split('_')[1] == 1 )
				cell_class_name = 'top_';
			else
				cell_class_name = 'bottom_';

			if( this.row_cell_obj.id.split('_')[2] == 1 )
				cell_class_name += 'left';
			else
				cell_class_name += 'right';

			Element.addClassName( this.row_cell_obj, cell_class_name );
			*/

			if( this.row_cell_obj )
			{
				if( Element.hasClassName( this.row_cell_obj, this.hide_class_name ) )
					Element.removeClassName( this.row_cell_obj, this.hide_class_name );

				new Insertion.Bottom( this.row_cell_obj, this.json['info'] );

				if( this.json['result'] == 'product' )
				{
					// обращаемся через переменную в класс корзины. передаём this.json['id'] по которому будем записывать товар в корзину
					cart.init( $('tocart_' + this.json['id']) );
				}

				if( this.json['info'].indexOf('<ol') != -1 )
				{
					this.init( 'block_' + this.current_obj.id.split('_')[1] );
				}
				this.json = null;
				this.request = false;
			}

			this.wait = false;

			if( this.first_product )
			{
				this.getNextLevel( this.first_product );
				this.first_product = null;
			}
			return true;
		}
	}

	var randomProducts = Class.create();
	randomProducts.prototype =
	{
		initialize: function( container_id, element_class, over_class )
		{
			this.container = $( container_id );
			this.over_class = over_class;
			this.elements = $A( this.container.getElementsByClassName( element_class ) );
			for( var i=0; i<this.elements.length; i++ )
			{
				Event.observe( this.elements[i], 'click', this.mouseClick.bind( this, this.elements[i] ) );
				Event.observe( this.elements[i], 'mouseover', this.mouseOver.bind( this, this.elements[i] ) );
				Event.observe( this.elements[i], 'mouseout', this.mouseOut.bind( this, this.elements[i] ) );
			}

			return true;
		},

		mouseOver: function( obj )
		{
			Element.addClassName( obj, this.over_class );
		},

		mouseOut: function( obj )
		{
			Element.removeClassName( obj, this.over_class );
		},

		mouseClick: function( obj )
		{
			//document.location.href = 'catalogue?item=' + obj.id.split('_')[2];
		}
	}