var multisearch = $('MultiDataSearch');
var datasearches = multisearch.getElements('div.innerPlugin');
var selector = new Element('select', {
	'id': 'DataSearchSelect'
});
var displayed = '';
Array.each(datasearches, function (datasearch, idx) {
	var id = datasearch.get('id');
	var name = multisearch.getElementById(id+'Label').getElement('a').get('html');
	if(!datasearch.hasClass('active')) {
		datasearch.setStyles({'display': 'none'});
	} else {
		displayed = id;
	}
	selector.grab(new Element('option', {
		'value': id,
		'html': name,
		'selected': displayed==id
	}));
	multisearch.getElementById(id+'Label').destroy();
});
if(displayed=='') {
	datasearches[0].setStyle('display', 'block');
	datasearches[0].addClass('active');
}
selector.addEvent('change', function () {
	var selected = this.value;
	Array.each(datasearches, function (datasearch, idx) {
		if(datasearch.get('id')==selected) {
			datasearch.setStyle('display', 'block');
			datasearch.addClass('active');
		} else {
			datasearch.setStyle('display', 'none');
			datasearch.removeClass('active');
		}
	});
});
selector.inject(multisearch, 'top');

