

var Select = {
		
	lbl_Menu: "SM_",
	lbl_Options: "_Options",
	lbl_Vis: "_OptionVis",
		
	clickVis: function (surfix) {
	
		var optionsId = this.lbl_Menu+surfix+this.lbl_Options;
		var options = $(optionsId);
		
		var isOpen = (options.getStyle("display") == "block");
		
		if(isOpen) 	options.setStyle({display: 'none'});
		else		options.setStyle({display: 'block'});
		
		return false;
		
	},
	
	clickOption: function (surfix, value, inputId, optionId) {
		
		
		var input = $(inputId);
		input.value = value;
		
		var option = $(optionId);
		var desc = option.innerHTML;
		
		var visId = this.lbl_Menu+surfix+this.lbl_Vis;
		var vis = $(visId);
		
		vis.innerHTML = desc;
		
		
		var optionsId = this.lbl_Menu+surfix+this.lbl_Options;
		var options = $(optionsId);
		
		options.setStyle({display: 'none'});
		
		return false;
		
	},
	
	submitOption: function (surfix, value, inputId, optionId, formId){
		
		this.clickOption(surfix, value, inputId, optionId);
		
		$(formId).submit();
		
		return false;
	},
	
	showSubOption: function (surfix, value, inputId, optionId, subformId){
		
		
		
		this.clickOption(surfix, value, inputId, optionId);
		
		if(value == "") 	$(subformId).setStyle({display:'none'});
		else{
			$(subformId).setStyle({display:'block'});
			
			$(subformId+"_OptionVis").innerHTML = "Alle Kategorien";
			
			var options = $$("#"+subformId+" ."+subformId+"_Option");
			for(var i = 0; i < options.length; i++){
				options[i].setStyle({display:'none'});
			}
			
			options = $$("#"+subformId+" .SuperKategorie_"+value);
			for(var i = 0; i < options.length; i++){
				options[i].setStyle({display:'block'});
			}
			
		}
		
		
		
		return false;
	},
	
	clickVisSub: function (surfix, subformId, subInputId) {
		
		$(subformId).setStyle({display:'none'});
		$(subInputId).value = "";
		
		this.clickVis(surfix);
		
		return false;
		
	},
		
		
}


