var params='';
var valor='';
jQuery(function($){
	jQuery("div[class='editlive']").click(function(e){	 
	    params=jQuery(this).attr('name');
	    var tabla=params.split(",")[0];
	    var campo=params.split(",")[1];
	    var tipo=params.split(",")[2];
            var idfield=params.split(",")[3];
	    var id=params.split(",")[4];
            if(tipo=='image')  var idtabla=params.split(",")[5];
	    valor= jQuery(this).html();
	    jQuery("#popedit").remove();
            var url=jQuery("#fileurl").val();
            var objetos =  jQuery("div[name='"+params+"']");
	    switch(tipo) {
		case "shorttext":
		  showpopEL(e.pageX, e.pageY);
 		  jQuery("#popedit").append("<b>"+entryText+"</b><br><input type='text' id='campoedit' name='campoedit' class='inp_text' ><br><br><b id='saveedit'>"+linkGuardar+"</b>");
                  jQuery("#campoedit").val(valor);
                  jQuery("#popedit").css("height","60px");
                  jQuery("#popedit").css("padding-top","10px");
                  jQuery("#popedit").css("padding-bottom","30px");
                  jQuery("#popedit").css("padding-left","30px");
                  jQuery("#popedit").css("padding-right","30px");
                  jQuery("#popedit").resizable({animate:true,ghost:true,maxHeight:95,minHeight:95,minWidth:300});
                  jQuery("#popedit").draggable();                 
                  refreshEL(tabla, campo, tipo, id, idfield, objetos); adjustpopEL(e.pageX, e.pageY);
		break;
		case "longtext":
		  showpopEL(e.pageX, e.pageY);
 		  jQuery("#popedit").append("<b>"+entryText+"</b><textarea id='campoedit' name='campoedit'></textarea><br><br><b id='saveedit'>"+linkGuardar+"</b>");
                  jQuery("#campoedit").val(valor);
                  var height= parseInt(jQuery("#popedit").height()/13);
                  jQuery("#campoedit").attr("rows",height); 
                  jQuery("#popedit").resizable({ghost:true,minHeight:195,minWidth:300,stop: function(){
                        height= parseInt(jQuery("#popedit").height()/13);
                        jQuery("#campoedit").attr("rows",height);
                  }});
                  jQuery("#popedit").css("padding-top","10px");
                  jQuery("#popedit").css("padding-bottom","80px");
                  jQuery("#popedit").css("padding-left","30px");
                  jQuery("#popedit").css("padding-right","30px");
                  jQuery("#popedit").draggable();                  
		  refreshEL(tabla, campo, tipo, id, idfield, objetos); adjustpopEL(e.pageX, e.pageY);
		break;
		case "date":
		  var objeto= jQuery(this);                  
		  jQuery.datepicker.dialogDatepicker(valor,function(date){valor=date; refreshEL(tabla, campo, tipo, id,idfield, objeto)},{prompt: 'Select a date:', speed: ''});
		break;
		case "boolean":
                  showpopEL(e.pageX, e.pageY);
 		  jQuery("#popedit").append("<input type='checkbox' id='campoedit' name='campoedit' value='" + valor + "'>");
                  jQuery("#popedit").draggable();
                  jQuery("#popedit").css("width","20px");
                  jQuery("#popedit").css("height","20px");                
		  valor=jQuery("#popedit #campoedit").val();
		  if(valor=="S"){jQuery("#popedit #campoedit").attr({"checked":"checked"});}
		  refreshEL(tabla, campo, tipo, id, idfield, objetos); adjustpopEL(e.pageX, e.pageY);
		break;
                case "image":
                  showpopEL(e.pageX, e.pageY);		  
                  jQuery("#popedit").append("<b>"+txtEditImage+"</b><br><input type='file' id='campoedit' name='campoedit' value='"+valor+"'><br><b id='saveedit'>"+linkGuardar+"</b>");
                  jQuery("#popedit").draggable();
                  jQuery("#popedit").css("width","200px");
                  jQuery("#popedit").css("height","40px");		  
		  refreshEL(tabla, campo, tipo, id, idfield, objetos,idtabla); adjustpopEL(e.pageX, e.pageY);
                break;
                case "file":
                  showpopEL(e.pageX, e.pageY);
                  jQuery("#popedit").append("<b>"+txtEditFile+"</b><br><input type='file' id='campoedit' name='campoedit' value='"+valor+"'><br><b id='saveedit'>"+linkGuardar+"</b>");
                  jQuery("#popedit").draggable();
                  jQuery("#popedit").css("width","200px");
                  jQuery("#popedit").css("height","40px"); 
		  refreshEL(tabla, campo, tipo, id, idfield, objetos,idtabla); adjustpopEL(e.pageX, e.pageY);
                  break;
	  }
                  jQuery("#popedit #campoedit").focus();
                  jQuery("#popedit #campoedit").keydown(function(event){if ((event.keyCode == 27) || (event.keyCode = event.DOM_VK_ESCAPE)) {jQuery("#popedit").remove();}});
  	}) 
})

function showpopEL(x, y){
	    jQuery("body").append("<div id='popedit'><a href='#' id='cerrapopedit'>x</a></div>");
	    jQuery("#popedit").css({position:"absolute",
			   top:y,
			   left:x + 20})
	    jQuery("#cerrapopedit").click(function(){
		jQuery("#popedit").remove();
		return false;
	    }) // fin cerra popedit click
}

function adjustpopEL(x,y){
	if((x + jQuery("#popedit").width() + 30) > jQuery("body").width()){
		jQuery("#popedit").css({position:"absolute", top:y,left:"auto",right:50});}
}

function refreshEL(tabla, campo, tipo, id, idfield, objeto, idtabla){
	var url=jQuery("#fileurl").val();
/* caso popup con submit */
	jQuery("#saveedit").click(function(){        
        if(tipo == 'image' || tipo == 'file'){          
          valor=jQuery("#popedit #campoedit").val();
          if(valor=='') {jQuery("#popedit").remove();return false;}
           jQuery.ajaxFileUpload({
                url: url+"?campo="+campo+"&tabla="+tabla+"&tipo="+tipo+"&id="+id+"&idfield="+idfield+"&idtabla="+idtabla,
                secureuri:false,
                fileElementId:'campoedit',
                dataType: 'json',
                success: function(salida){
			jQuery("#popedit").remove();
                        if(tipo=='image'){jQuery("div[name='"+params+"']").children("img").attr('src',salida);}
                        else if(tipo=='file'&&valor!=undefined){for(var i=0;i<objeto.length;i++){objeto[i].innerHTML = salida };}
                        
                },
                 error: function (data, status, e){alert(e);}
             });
           return false;
        }
	valor=jQuery("#campoedit").val();
	jQuery.post(url,{tabla:tabla, campo:campo, id:id, valor:valor, idfield:idfield, tipo:tipo}, function(data){
			jQuery("#popedit").remove();
			for(var i=0;i<objeto.length;i++){ objeto[i].innerHTML = valor;}
	  	}); // fin fndata
		return false;
	})
/* caso fecha : al hacer click sobre una fecha, se valida la nueva fecha */
	if(tipo=='date'){
	jQuery.post(url, {
	  		tabla:tabla, campo:campo, id:id, valor:valor, idfield:idfield
	  	}, function(data){
			jQuery("#popedit").remove();
			for(var i=0;i<objeto.length;i++){ objeto[i].innerHTML = valor};
	  	}); // fin fndataº
		return false;
	} else if(tipo == 'boolean') {
/* caso boolean - al cambiar el check se actualiza el campo */
 	jQuery("#popedit input[type=checkbox]").click(function(){
	jQuery("#popedit input[type=checkbox]").attr("disabled","disabled")
	if(jQuery("#popedit input[type=checkbox]").attr("checked")==true) valor="S";
	else valor="N";
	jQuery.post(url, {
	  		tabla:tabla, campo:campo, id:id, valor:valor, idfield:idfield
	  	}, function(data){
			jQuery("#popedit").remove();
			for(var i=0;i<objeto.length;i++){ objeto[i].innerHTML = valor};
	  	}); // fin fndata
	})
        }
}  // fin refresh