$(function(){
	customizeUI();
});

function customizeUI() {
	$('select').not('[multiple]').not('#zahlen').selectmenu({
		style: 'dropdown',
		maxHeight: 250		
	});	
	
	$('select[multiple]').multiselect({
		header: false,
		height:'200px',
		classes: 'multipleselect',
		selectedText: "# ausgewählt",
		selectedList: 1,
		noneSelectedText: '',
		autoOpen:false
	}).multiselect("close");
	
	$('button.multipleselect').children('.ui-icon-triangle-2-n-s').replaceWith(
	$('<div class="multipleSelectCustomContainer blueGrad"><span class="ui-selectmenu-icon ui-icon"></span></div>'));
	
	$( ".radioButton" ).button();
	$( ".radioButtonSet" ).buttonset();	
	
	// all text inputs get hint from "alt" tag		
    $(".input[type='text'][alt!='']").each( function() {
    	if (!$(this).val()) {
    		$(this).val($(this).attr('alt'));
    	}
    	
    	$(this).focus(function(){
	        $(this).removeClass("grey")
	        var tempText = $(this).attr("alt");
	        
	        if ($(this).val() == tempText) {
	            $(this).val("");
	        }
	    }).blur(function(){
	        if ($(this).val() == "") {
	            if ($(this).attr("alt") != "") {
	                var tempText = $(this).attr("alt");
	                $(this).val(tempText);
	                $(this).addClass("grey")
	            }
	        }
	    });    	    
    });    
}