var CListGroupFilter = Class.create();

CListGroupFilter.prototype = {

	list: null, menuItems: null, items: null,

	listId: 0,

	

	initialize: function(list, listId) {

		var obj = this;

		this.list = list;

		this.listId = listId;

		

		this.menuItems = this.list.getElementsBySelector('.group-menu li a');

		this.items = this.list.getElementsBySelector('.item');

		

		this.menuItems.each( function(menuItem){

			Event.observe(menuItem, 'click', function() {

				var menuGroupId = menuItem.id.split('-')[4] * 1;

				// задаем стиль для активного элемента меню

				obj.menuItems.each( function(item){

					item.className = '';

				} );

				this.className = 'active';

				// фильтрация элементов списка-контента

				obj.items.each( function(item){

					if(!menuGroupId) item.show();

					else {

						var itemGroupId = item.id.split('-')[3];

						if(itemGroupId==menuGroupId) item.show();

						else item.hide();

					}

				} );

			});

		} );

	}//---------------------------------------------------------------------

};

/////////////////////////////////////////////////////////////////////////////



Event.onReady( function(){

	$('content').select('.l-block').each( function(list){

		var activeTab = list.getElementsBySelector('.group-menu .active');

		if( activeTab[0] ) {

			var listId = activeTab[0].id.split('-')[3];

			new CListGroupFilter(list, listId);

		}

	} );

} );

//---------------------------------------------------------------------------