/***
 * SelectMultiple
 */
var SELECT_MULTIPLE_ELM = [];
function initSelectMultiple(s_m_container_id, default_value){
	var s_m_container = $(s_m_container_id);
	if(!s_m_container.down('select')) return;
	SELECT_MULTIPLE_ELM.push(s_m_container);
	var select = s_m_container.down('select');
	var title = s_m_container.readAttribute('alt');
	var wid   = s_m_container.readAttribute('width');
	var add_html = '';
	var link_id = s_m_container.identify() + '_link';
	add_html += '<input type="button" id="' +link_id+ '" value=" " style="width:15px" />';
	var options_id = s_m_container.identify() + '_options';
	var button_id = s_m_container.identify() + '_button';
	var title_id = s_m_container.identify() + '_title';
	add_html += '<div style="display:none;width:' +wid+ 'px" class="select_multiple_container" id="' +options_id+ '">';
	add_html += '<div class="select_multiple_header" id="' +title_id+ '">' +title+ '</div>';
	add_html += '<table cellspacing="0" cellpadding="0" class="select_multiple_table" width="100%">';
	for(i=0; i<select.options.length; i++){
		var _option = select.options[i];
		if(_option.value != ''){
			add_html += '<tr class="even">';
			add_html += '<td class="select_multiple_name ' +options_id+ '">' +_option.text+ '</td>';
			add_html += '<td class="select_multiple_checkbox"><input class="' +options_id+ '" type="checkbox" value="' +_option.value+ '"/></td>';
			add_html += '</tr>';
		}
	}
	add_html += '</table>';
	add_html += '<div class="select_multiple_submit"><input type="button" value="OK" id="' +button_id+ '"/></div>';
	add_html += '</div>';
	s_m_container.innerHTML += add_html;
	
	var params = $H({
		s_m_container : s_m_container,
		default_value: default_value,
		select : select,
		link_id : link_id,
		options_id : options_id,
		button_id : button_id,
		title_id : title_id
	});
	observeSelectMultiple(params);
}

function observeSelectMultiple(params){
	var s_m_container = params.get('s_m_container');
	var default_value = params.get('default_value');
	var select = params.get('select');
	var link_id = params.get('link_id');
	var options_id = params.get('options_id');
	var button_id = params.get('button_id');
	var title_id = params.get('title_id');
	//document.observe('dom:loaded',function(){
	Event.observe(window, 'load', function(){
	setTimeout(function(){
		var multiple = new Control.SelectMultiple(select.identify(), options_id,{
			checkboxSelector: 'input[type=checkbox].'+options_id,
			nameSelector: 'td.select_multiple_name.'+options_id,
			afterChange: function(){
				if(multiple && multiple.setSelectedRows)
					multiple.setSelectedRows();
			}
		});
		if(default_value)
			multiple.setValue(default_value);
		
		//adds and removes highlighting from table rows
		multiple.setSelectedRows = function(){
			this.checkboxes.each(function(checkbox){
				var tr = $(checkbox.parentNode.parentNode);
				tr.removeClassName('selected');
				if(checkbox.checked){
					tr.addClassName('selected');
				}
				
			});
		}.bind(multiple);
		
		multiple.checkboxes.each(function(checkbox){
			$(checkbox).observe('click',multiple.setSelectedRows);
		});
		multiple.setSelectedRows();
		
		//link open and closing
		$(link_id).observe('click',function(event){
			$(this.select).style.visibility = 'hidden';
			if(Prototype.Browser.IE){
				var idx = 0
				for(j=0;j<SELECT_MULTIPLE_ELM.length;j++){
					if(this.container.up().identify() == SELECT_MULTIPLE_ELM[j].identify()){
						idx = j;break;
					}
				}
				for(j=idx+1;j<SELECT_MULTIPLE_ELM.length;j++){
					SELECT_MULTIPLE_ELM[j].select('select').each(function(elm){
						elm.style.visibility = 'hidden';
					});
					SELECT_MULTIPLE_ELM[j].select('input[type=button]').each(function(elm){
						elm.style.visibility = 'hidden';
					});
				}
			}
			new Effect.BlindDown(this.container,{
				duration: 0.3
			});
			Event.stop(event);
			return false;
		}.bindAsEventListener(multiple));
		
		var close_id = $A([button_id, title_id]);
		close_id.each(function(b_id){
			$(b_id).observe('click',function(event){
				$(this.select).style.visibility = 'visible';
				if(Prototype.Browser.IE){
					var idx = 0
					for(j=0;j<SELECT_MULTIPLE_ELM.length;j++){
						if(this.container.up().identify() == SELECT_MULTIPLE_ELM[j].identify()){
							idx = j;break;
						}
					}
					for(j=idx+1;j<SELECT_MULTIPLE_ELM.length;j++){
						SELECT_MULTIPLE_ELM[j].select('select').each(function(elm){
							elm.style.visibility = 'visible';
						});
						SELECT_MULTIPLE_ELM[j].select('input[type=button]').each(function(elm){
							elm.style.visibility = 'visible';
						});
					}
				}
				new Effect.BlindUp(this.container,{
					duration: 0.3
				});
				Event.stop(event);
				return false;
			}.bindAsEventListener(multiple));
		});
	}, 50);
	});
}