var checkboxHeight = "8";
var radioHeight = "8";
var select1Width = "550";
var select2Width = "190";
var select3Width = "140";
var select4Width = "327";
var select5Width = "210";
var select6Width = "558";

document.write('<style type="text/css">input.styled{display:none;} select.styled{position:relative;opacity:0;filter:alpha(opacity=0);z-index:5;font-weight:normal;} select.large{width:'+select1Width+'px;} select.normal{width:'+select4Width+'px;} select.small{width:'+select2Width+'px;} select.vsmall{width:'+select3Width+'px;} select.avg{width:'+select5Width+'px;} select.largeavg{width:'+select6Width+'px;}</style>');

function inputInit(inp){
	var inputs = document.getElementsByTagName("input");
	var span = Array();
	var textnode;
	var option;
	var active;
	for(a=0;a<inputs.length;a++){
		if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled"){
			span[a] = document.createElement("span");
			span[a].className = inputs[a].type;
			span[a].id = "input"+inputs[a].name;
			if(inp){
				span[a].onclick=function(){
					check(this);getLaboRessources();
				}
			}
			inputs[a].parentNode.insertBefore(span[a], inputs[a]);
			inputs[a].checked=false;
		}
	}
}

function check(elt){
	element = elt.nextSibling;
	if(element.checked == true && element.type == "checkbox"){
		elt.style.backgroundPosition = "0 0";
		element.checked = false;
	}else{
		if(element.type == "checkbox")
			elt.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
		else{
			elt.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
			group = elt.nextSibling.name;
			inputs = document.getElementsByTagName("input");
			for(a = 0; a < inputs.length; a++){
				if(inputs[a].name == group && inputs[a] != elt.nextSibling)
					inputs[a].previousSibling.style.backgroundPosition = "0 0";
			}
		}
		element.checked = true;
	}
}

function selectInit(){
	inputs = document.getElementsByTagName("select");
	span = Array();
	for(a = 0; a < inputs.length; a++) {
		if(inputs[a].className == "styled large" || inputs[a].className == "styled small" || inputs[a].className == "styled vsmall" || inputs[a].className == "styled normal required" || inputs[a].className == "styled normal" || inputs[a].className == "styled avg" || inputs[a].className == "styled largeavg"){
			option = inputs[a].getElementsByTagName("option");
			active = option[0].childNodes[0].nodeValue;
			textnode = document.createTextNode(active);
			for(b = 0; b < option.length; b++) {
				if(option[b].selected == true) {
					textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
				}
			}
			span[a] = document.createElement("span");
			if(inputs[a].name == "trainings")
				span[a].className = "select1";
			else{
				switch (inputs[a].name){
					case "nbrpart":
						span[a].className = "select3";
						break;
					case "listsem":
						span[a].className = "select4";
						break;
					case "listobj":
						span[a].className = "select4";
						break;
					case "listsem2":
						span[a].className = "select5";
						break;
					case "listnl":
						span[a].className = "select6";
						break;
					case "listrecrut":
						span[a].className = "select7";
						break;
					default:
						span[a].className = "select2";
						break;
				}
			}
			span[a].id = "select" + inputs[a].name;
			span[a].appendChild(textnode);
			inputs[a].parentNode.insertBefore(span[a], inputs[a]);
		}
	}
}

function selectChoose(elt){
	option = elt.getElementsByTagName("option");
	for(d = 0; d < option.length; d++) {
		if(option[d].selected == true) {
			document.getElementById("select" + elt.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
		}
	}
}
