Experimento JS..Arrastrando capas sobre campos Select

[pinchoso]

Código:

<script language="javascript">
var object = null;
var objectID = null;
var cX = 0;
var cY = 0; 
var originX = 0;
var originY = 0; 
var list = 'noList';
var valor = 0;
var micapa = null;
var indiceselec = null;
function changeVar(name,val) {
list = name
valor = val
}
function mouseClick(evt) {
evt = (evt) ? evt: ((window.event) ? event : null);
objectID = (evt.target) ? evt.target.id : ((evt.srcElement) ? evt.srcElement.id : null);
if (objectID.indexOf('capa')!=-1) {
object = document.getElementById(objectID);
}
 
if (object) { 
originX = object.offsetLeft;
originY = object.offsetTop;
cX = evt.clientX - object.offsetLeft;
cY = evt.clientY - object.offsetTop;
return false;
}
 
object = null;
return;
}
function mouseDrag(evt) {
evt = (evt) ? evt : ((window.event)? event : null);
 
if (object) {
var obj_iframe_oculto = document.getElementById("iframe_oculto");
object.style.left = evt.clientX - cX + 'px';
object.style.top = evt.clientY - cY + 'px';
object.style.filter="alpha(opacity=85)"; // Opacidad para IE
object.style.opacity="0.85"; // Ocapacidad para Netscape
// Quitamos al Iframe TODA la opacidad para que sea totalmente transparente y se vea el fondo
obj_iframe_oculto.style.filter="alpha(opacity=0)"; // Opacidad para IE
obj_iframe_oculto.style.opacity="0.00"; // Ocapacidad para Netscape
// Hacemos que la capa sea totalmente visible
object.style.display = "block";
// Definimos el ancho del IFRAME igual que el ancho de la capa, para que no se le vea
obj_iframe_oculto.style.width = object.offsetWidth;
obj_iframe_oculto.style.height = object.offsetHeight;
// Posicionamos el IFRAME en la misma posición que la capa (para que esté siempre detras)
obj_iframe_oculto.style.top = object.style.top;
obj_iframe_oculto.style.left = object.style.left;
// Definimos que el contenido del IFRAME esté VISIBLE
obj_iframe_oculto.style.display = "block"; // ESTA ES LA LINEA MAS IMPORTANTE
return false;
}
}
function mouseRelease(evt) {
obj_iframe_oculto = document.getElementById("iframe_oculto");
obj_iframe_oculto.style.top = 0
obj_iframe_oculto.style.left = 0
if (object) {
evt = (evt) ? evt : ((window.event)? event : null);
 
selectEl = document.getElementById(list);
if (selectEl!='') {
 
if (list!='noList') {
if (selectEl.options.length<1) {
selectEl.options[selectEl.options.length] 
= new Option('Seleccione para eliminar una opcion' , objectID.split('_'));
 
selectEl.options[selectEl.options.length] 
= new Option(object.innerHTML , objectID.split('_'));
formulario['ListHid'+valor].value = objectID
//object.style.display = 'none';
}
else {
selectEl.options[selectEl.options.length] 
= new Option(object.innerHTML , objectID.split('_'));
if (formulario['ListHid'+valor].value==",") {
formulario['ListHid'+valor].value="";
} 
if (formulario['ListHid'+valor].value!="") { 
michar = formulario['ListHid'+valor].value
var t=michar.length;
n=1
var last = michar.substring(t-1, t);
if(n>michar.length) {
n=michar.length;
}
var first = michar.substring(0, n);
var largo = (michar.length)
 
if (last==",") {
if (first == ",") {
var valcamp = formulario['ListHid'+valor].value
var valcampL = valcamp.length
valcamp = valcamp.substring(1,valcampL)
valcampL = valcamp.length
valcamp = valcamp.substring(0,valcampL-1)
formulario['ListHid'+valor].value = valcamp + ',' + objectID
}
else {
formulario['ListHid'+valor].value = formulario['ListHid'+valor].value + objectID
}
}
if (last!=",") {
if (first == ",") {
valcamp = formulario['ListHid'+valor].value
valcampL = valcamp.length
valcamp = valcamp.substring(1,valcampL)
formulario['ListHid'+valor].value =valcamp + ',' + objectID
}
else {
formulario['ListHid'+valor].value = formulario['ListHid'+valor].value + ',' + objectID
}
}
}
else {
formulario['ListHid'+valor].value = objectID
}
valcamp = formulario['ListHid'+valor].value
valcamp = valcamp.replace (",,",",");
formulario['ListHid'+valor].value = valcamp
}
}
}
else {
object=null;
vuelve();
}
vuelve()
} 
else {
object.style.left = originX + 'px';
object.style.top = originY + 'px';
} 
object = null;
return false;
}
function changeHid(name,cual,arr) {
indiceselec = formulario['selectList'+cual].selectedIndex
indiceselec = parseInt(indiceselec) - 1
capas = formulario[name].value
var myarray = new Array();
miarray = capas.split(",")
micapa = miarray[indiceselec]
formulario[arr].value = micapa
}
function deletes(selected, cual) {
capa = micapa
eval(capa).style.display = "";
var indice = formulario['selectList'+cual].selectedIndex 
formulario['selectList'+cual].options[indice] = null;
miarray[indice-1] = null;
formulario['ListArr'+cual].value="";
if (eval(miarray.length)>1) {
formulario['ListHid'+cual].value=miarray;
}
else { 
formulario['ListHid'+cual].value="";
}
valorc = formulario['ListHid'+cual].value
valorc = valorc.replace (",,",",");
formulario['ListHid'+cual].value = valorc
if (formulario['selectList'+cual].length == 1) {
formulario['selectList'+cual].options[0] = null;
}
}
window.onerror = miControl;
function miControl()
{
return true
} 
function vuelve() {
object.style.left = originX + 'px';
object.style.top = originY + 'px';
object=null;
return false
}
</script>