felderSelect = null;

function updateWMfelderSelect(e) {
		var posx = 0;
		var posy = 0;
		if (!e) var e = window.event;
		if (e.pageX || e.pageY) 	{
			posx = e.pageX;
			posy = e.pageY;
		}
		else if (e.clientX || e.clientY) 	{
			posx = e.clientX + document.body.scrollLeft
				+ document.documentElement.scrollLeft;
			posy = e.clientY + document.body.scrollTop
				+ document.documentElement.scrollTop;
		}
		if(felderSelect != null){
			felderSelect.style.top   = (posy) + "px";
			felderSelect.style.left = (posx) + "px";
		}
    alert(posx+ ":" + posy);
}

function show_felderList(id, labelText, previewPartId, felderNames,e) {
  felderSelect = document.getElementById(id);
  felderNamesList = felderNames.split(",");
  var materialList = "<ul>";
  for(i=0; i<felderNamesList.length; ++i){
    materialList += "<li style='list-style-type:none;'><input type='radio' value='"+ (i+1) +"' name='felder'";
    if(document.getElementById('selectedFelder_'+previewPartId).value == (i+1))
        materialList += " checked='checked' ";
    materialList += " onclick=setPreview('"+ previewPartId +"','"+ (i+1) +"')> &nbsp;"+ felderNamesList[i];
    materialList += "</li>";
  }
  materialList += "</ul>";
  
  closeButton = "<a onclick=hide_felderList('felderList')>Schliessen</a>"
	felderSelect.innerHTML = labelText + "<br>" +  materialList + "" + closeButton;
  felderSelect.style.display = "block";
}
function hide_felderList(element) {
  document.getElementById(element).style.display = "none";
}

function setPreview(divID,selectedStyle){
  ImageList = document.getElementById('felderImages').value;
  felderImages = ImageList.split(",");
  document.getElementById(divID).style.backgroundImage = "url('../" +felderImages[selectedStyle-1]+ "')";
  document.getElementById('selectedFelder_'+divID).value = selectedStyle;
}