window.addEvent('domready',function(){
	
	var searchForm = $('sidebar2').getElement('form .search-form.selection');
	
	var groupSelector = searchForm.getElement('select[name=group]');
	var vendorSelector = searchForm.getElement('select[name=vendor]');
	
	var vendorsInClass = {};
	var vendors = {};
        $$(vendorSelector.options).each(function(el,i){
		var id=el.get('value');
		el.set('id','__sf_v'+id);
		vendors[ id ] = el.get('text');
	});
        $$(groupSelector.options).each(function(el,i){
		var id=el.get('value');
		el.set('id','__sf_g'+id);
		el.get('class').split(' ').each(function(cls,clsi){
			if( !cls.contains('data:') ) return;
			vendorsInClass[id] = [];
			try{ vendorsInClass[id] = JSON.decode('{'+cls+'}').data; }catch(e){}
		});
	});
	groupSelector.addEvent('change',function(e){
		//vendorSelector
		var groupId = this.get('value');
		if( groupId == 0 )
		{
			vendorSelector.getElements(options).set('style','');
			return;
		}
		
		vendorSelector.getElements('option').set('style','display:none');
		var options = '#__sf_v0,#__sf_v'+vendorsInClass[groupId].join(',#__sf_v'); // vendorsInClass[groupId]
		vendorSelector.getElements(options).set('style','');
		vendorSelector.selectedIndex = 0;
		//console.debug( 'new group is ', , vendorsInClass[this.get('value')] );
	});
});