
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////........................FUNCION  AJAX CON JQUERY.................. //////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/**/
var loader = '<div id="espere" style="width:100%; height:100%; margin-left:auto; margin-right:auto; position:absolute; z-index:100; top:0px; " >';
	loader += '<table width="320px" border="0" cellpadding="0" cellspacing="0" align="center" style=" margin-top:15%;">';
	loader +=   '<tr height="10">';
	loader +=		'<td style="background:url(img_comunes/cajita_over/corner.png) top left no-repeat; width:10px; height:10px;" width="10" height="10">';
	loader +=			'<img src="img_comunes/spacer_trans.png" width="10" height="10" /></td>';
	loader +=		'<td width="300" height="10" style="background:url(img_comunes/cajita_over/bg_others.png) top left repeat;">';
	loader +=			'<img src="img_comunes/spacer_trans.png" width="10" height="10" /></td>';
	loader +=		'<td width="10" height="10" style="background:url(img_comunes/cajita_over/corner.png) top right no-repeat; width:10px; height:10px;">';
	loader +=			'<img src="img_comunes/spacer_trans.png" width="10px" height="10px" /></td>';
	loader +=	'</tr>';
	loader +=	'<tr>';
	loader +=		'<td style="background:url(img_comunes/cajita_over/bg_others.png) repeat;" width="10" height="10">';
	loader +=			'<img src="img_comunes/spacer_trans.png" width="10px" height="10px" /></td>';
	loader +=		'<td height="170" valign="middle" align="center" style="border:1px #555555 solid; background:#ffffff">';
	loader +=			'<div align="center" id="esperecontenido" class="contenido" style="text-align:center; width:75%; margin-left:auto; margin-right:auto; font-size:12px;">';
	loader +=				'Cargando...<br />';
	loader +=				'<img src="img_comunes/ajax-loader.gif" style="margin-top:45px;" />';
	loader +=			'</div>';
	loader +=		'</td>';
	loader +=		'<td style="background:url(img_comunes/cajita_over/bg_others.png) repeat;">';
	loader +=			'<img src="img_comunes/spacer_trans.png" width="10px" height="10px" /></td>';
	loader +=	'</tr>';
	loader +=	'<tr height="10">';
	loader +=		'<td style="background:url(img_comunes/cajita_over/corner.png) bottom left no-repeat;" height="10">';
	loader +=			'<img src="img_comunes/spacer_trans.png" width="10px" height="10px" /></td>';
	loader +=		'<td style="background:url(img_comunes/cajita_over/bg_others.png) repeat;" height="10">';
	loader +=			'<img src="img_comunes/spacer_trans.png" width="10" height="10" /></td>';
	loader +=		'<td style="background:url(img_comunes/cajita_over/corner.png) bottom right no-repeat;" height="10">';
	loader +=			'<img src="img_comunes/spacer_trans.png" width="10px" height="10px" /></td>';
	loader +=	'</tr>';
	loader +=	'</table>';
	loader +='</div>';
function ajax(url,varPost,id_conten,element,id_conten_element) {
	//alert(id_conten);
  	var $j = jQuery.noConflict();
	var getTitulo;
	//alert(varPost);
	$j.ajax({
   		type: "POST",
   		url: url,
   		data: varPost,
		async:true,
		beforeSend: function (xhr){
			getTitulo = $j('#window_titulo').html();
			$j("#"+id_conten).toggle("slow");
			$j("#espere").html(loader);
		},
   		success: function(responseText){
			$j("#"+id_conten).html(responseText);
			$j("#"+id_conten).toggle("slow");
			$j('#window_titulo').html(getTitulo);
			try{
				$j("#"+id_conten_element).html(element.innerHTML);
				//alert(element.innerHTML)
			}catch(err){}
			$j("#espere").html(" ");
   		}
 	});
}

function ajax2(url,varPost,id_conten,element,id_conten_element) { // para llamar desde una botonera
	//alert(id_conten);
  	var $j = jQuery.noConflict();
	var getTitulo;
	//alert(varPost);
	$j.ajax({
   		type: "POST",
   		url: url,
   		data: varPost,
		async:true,
		beforeSend: function (xhr){
			$j("#espere").html(loader);
		},
   		success: function(responseText){
			//$j("#"+id_conten).css("display","block");
			$j("#"+id_conten).hide(1);
			$j("#"+id_conten).html(responseText);
			$j("#"+id_conten).fadeIn("slow");
			//$j('#window_titulo').html(getTitulo);
			try{
				$j("#"+id_conten_element).html(element.innerHTML);
			}catch(err){}
			$j("#espere").html(" ");
   		}
 	});
}

function ajax3(url,varPost,id_conten,element,id_conten_element) {// sin animacion
	//alert(id_conten);
  	var $j = jQuery.noConflict();
	var getTitulo;
	//alert(varPost);
	$j.ajax({
   		type: "POST",
   		url: url,
   		data: varPost,
		async:true,
		beforeSend: function (xhr){
			$j("#espere").html(loader);
		},
   		success: function(responseText){
			$j("#"+id_conten).html(responseText);
			$j("#espere").html(" ");
			try{
				$j("#"+id_conten_element).html(element.innerHTML);
				//alert(element.innerHTML)
			}catch(err){}
   		}
 	});
}

