window.addEvent('load',function(){
$$('.mooSelect').setStyle('opacity',1);
});
function replaceSelect(element_id,parent_id,maxZIndex){
	return;
	if (!parent_id) parentElement = $(document.body);
	else parentElement = $(parent_id);
	var minHeight = 100;
	if (!maxZIndex) maxZIndex = 55001;
	
	var selectList = $(element_id).getElements('.select');
	selectList.each(function(select){
		maxZIndex --;
		var position = select.getRelativePosition();
		position = select.getPosition();
		//alert(position.y);
		var scroll = select.getScroll();
		var mooSelect = new Element('div',{'class':'mooSelect'})
			.setStyles({
				'position'	:	'absolute',
				'left'		:	position.x - scroll.x,
				'top'		:	position.y - scroll.y,
				'width'		:	select.getStyle('width').toInt() + 20,
				'height'	:	select.getStyle('height'),
				'opacity'	:	0,
				'z-index'	:	maxZIndex
			})
			.cloneEvents(select)
			.inject(parentElement);
		var mooSelectText = new Element('div',{'class':'text'}).inject(mooSelect);
		var mooSelectInput = new Element('input',{'class':'caption',type:'text',readonly:'readonly'})
			.setStyles({
				'width'	:	select.getStyle('width').toInt() - 20,
				'height':	select.getStyle('height')
			})
			.addEvent('click',function(){
				mooSelectMain.fade();
			})
			.inject(mooSelectText);
		new Element('div',{'class':'buttonS'})
			.addEvent('click',function(){
				mooSelectMain.fade();
			})
			.setStyle('height',	select.getStyle('height').toInt())
			.inject(mooSelectInput,'after');
		var mooSelectMain = new Element('div',{'class':'main_list'})
			.setStyle('opacity',0)
			.inject(mooSelectText,'after')
		var mooSelectUl = new Element('ul',{'class':'content'})
			.setStyles({
				'width'		:	select.getStyle('width').toInt() - 20
			})
			.inject(mooSelectMain);
		select.getElements('option').each(function(option){
			new Element('li')
				.setProperty('spec_value',option.getProperty('value'))
				.setHTML(option.getHTML())
				.addEvent('mouseover',function(){this.setStyle('background','#B59CFF')})
				.addEvent('mouseout',function(){this.setStyle('background','#FFFFFF')})
				.addEvent('click',function(e){
					mooSelectInput.value = this.getHTML().replace(/ /gi, ' ');;
					mooSelect.value = new Event(e).target.getProperty('spec_value');
					mooSelect.fireEvent('change');
					mooSelectMain.fade();
				})
				.inject(mooSelectUl);
			if (option.getProperty('selected') == true)
				mooSelectInput.value = option.getHTML();
		})
		
		if (mooSelectUl.getStyle('height').toInt() > minHeight){
			mooSelectUl.setStyle('height',minHeight);
			new ScrollBar(mooSelectUl, 'track', 'thumb');
		} else {
			mooSelectUl.setStyle('width',mooSelectUl.getStyle('width').toInt()+16);
		}
		//select.destroy();
	});
	selectList.each(function(select){
		new Element('input',{
			name	:	select.getProperty('name'),
			id		:	select.getProperty('id'),
			'class'	:	select.getProperty('class')
		})
		.setStyles({
			'width'	:	select.getStyle('width'),
			'height':	select.getStyle('height'),
			'opacity':	0
		})
		.inject(select,'after');
		select.destroy();
	});
}