function abrePanelDescripcion(event){
	$('cajaPopup').style.top = '0px';
	abrePanel(event);	
}

function abrePanelObservaciones(event){
	$('cajaPopup').style.top = '500px';
	abrePanel(event);
}

function abrePanel(event){
    
    var campo;
	$('campoSeleccionado').value = "";

    if(event.target){
        campo = event.target;
    }else if(event.srcElement){
        campo = event.srcElement;
    }

    if( $(campo) ){
        $('campoSeleccionado').value = campo.id;
        new Effect.Appear('cajaPopup', {delay:0, duration: 0});
        $('campoTextoLibre').value  = $F(campo);
    }
}

function aceptaPopup(){
    
     var valor =  $F('campoTextoLibre');
     var camposSel = $F('campoSeleccionado');
    
	valor = unescape(escape(valor).replace(/%0A/g, ' '));

    
    if($(camposSel)){
        $(camposSel).value = valor;
        cancelaPopup();
    }
}

function cancelaPopup(){
    $('cajaPopup').style.display = "none";
    $('campoTextoLibre').value  = "";
}

function cargaEventos(){

	var camposExpProf = new Array("experiencia_descripcion", "experiencia_empresa", "experiencia_puesto");
    	var camposContacto = new Array("contactoObservaciones");
    	
    	var ii = 1;
    	while(ii < 7){
    
    		 for(jj=0;jj<camposExpProf.length ;jj++){
    		 	var campo = camposExpProf[jj] + ii;
    		 	if( $(campo) ) 	Event.observe(campo, 'click', abrePanelDescripcion); //Panel superior
    		 }
    		
    		 for(jj=0;jj<camposExpProf.length ;jj++){
    		 	var campo = camposContacto[jj] + ii;
    		 	if( $(campo) ) 	Event.observe(campo, 'click', abrePanelObservaciones); //Panel inferior
    		 }
    		
    		ii++;	
    	}

}

Event.observe(window, 'load', cargaEventos);