function nuevoAjax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false;
	try
	{
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			// Creacion del objet AJAX para IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
		}
	}
	return xmlhttp; 
}



function cargar_peliculas()
{	

       // var nombrealbum = document.getElementById('nombrealbum').value;
		// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
		var ajax=nuevoAjax();
		
		//la variable "opcion" es para saber si se esta modificando o insertando uno nuevo.
		ajax.open("GET", "cargador_ajax/peliculas.php", true);
		
		ajax.onreadystatechange=function() 
		{ 
		
		// para que se ponga en cargando solo la siguiente fila, he creado en el html, una fila con los mismos estilos pero vacia y con un id. esa capa la rellenaremos mientras carga el archivo ajax.
		// cuando se haya cargado, lo que haremos será mostrar en la capa superior ke contiene todo, todo el archivo php de ajax. Todo esto hara el efecto de que parece que se carga solo la fila insertada.
		
			if (ajax.readyState==1)
			{						
				// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."							
				document.getElementById('contenido_mini_pelis').innerHTML="<div class='flotante' style=' width:500px; height:150px; text-align:center; padding-top:50px; border:solid 0px; color:#666666;'>&nbsp;&nbsp;&nbsp;<img src='cargador_ajax/loading2.gif' title='cargar'> <br>Cargando películas...</div>";	
				//document.getElementById('cargar').innerHTML="<img src='select_ajax/loading.gif'>";	
				//selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true;	
				
			}
			if (ajax.readyState==4)
			{							   
				document.getElementById('contenido_mini_pelis').innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
	//}
}

function cargar_peliculas2(id_cine)
{	
       // var nombrealbum = document.getElementById('nombrealbum').value;
		// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
		var ajax=nuevoAjax();
		
		//la variable "opcion" es para saber si se esta modificando o insertando uno nuevo.
		ajax.open("GET", "cargador_ajax/peliculas2.php?id_cine="+id_cine+"", true);
		
		ajax.onreadystatechange=function() 
		{ 
		
		// para que se ponga en cargando solo la siguiente fila, he creado en el html, una fila con los mismos estilos pero vacia y con un id. esa capa la rellenaremos mientras carga el archivo ajax.
		// cuando se haya cargado, lo que haremos será mostrar en la capa superior ke contiene todo, todo el archivo php de ajax. Todo esto hara el efecto de que parece que se carga solo la fila insertada.
		
			if (ajax.readyState==1)
			{						
				// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."							
				document.getElementById('contenido_mini_pelis').innerHTML="<div class='flotante' style=' width:500px; height:150px; text-align:center; padding-top:50px; border:solid 0px; color:#666666;'>&nbsp;&nbsp;&nbsp;<img src='cargador_ajax/loading2.gif' title='cargar'> <br>Cargando películas...</div>";	
				//document.getElementById('cargar').innerHTML="<img src='select_ajax/loading.gif'>";	
				//selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true;	
				
			}
			if (ajax.readyState==4)
			{							   
				document.getElementById('contenido_mini_pelis').innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
	//}
}


function cargar_pag(pag)
{	
 //alert(pag);
       // var nombrealbum = document.getElementById('nombrealbum').value;
		// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
		var ajax=nuevoAjax();
		
		//la variable "opcion" es para saber si se esta modificando o insertando uno nuevo.
		ajax.open("GET", "cargador_ajax/peliculas.php?pagina="+pag+"", true);
		
		ajax.onreadystatechange=function() 
		{ 
		
		// para que se ponga en cargando solo la siguiente fila, he creado en el html, una fila con los mismos estilos pero vacia y con un id. esa capa la rellenaremos mientras carga el archivo ajax.
		// cuando se haya cargado, lo que haremos será mostrar en la capa superior ke contiene todo, todo el archivo php de ajax. Todo esto hara el efecto de que parece que se carga solo la fila insertada.
		
			if (ajax.readyState==1)
			{		
			//document.getElementById('contenido_mini_pelis').innerHTML="<div class='flotante' style=' width:500px; height:150px; text-align:center; padding-top:50px; border:solid 1px; color:#666666;'>&nbsp;&nbsp;&nbsp;<img src='cargador_ajax/loading2.gif' title='cargar'> <br>Cargando películas...</div>";	
				// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."							
				document.getElementById('contenido_mini_pelis').innerHTML="<div class='flotante' style=' width:487px; height:484px; border:solid 0px; text-align:center; padding-top:50px; color:#666666;'>&nbsp;&nbsp;&nbsp;<img src='cargador_ajax/loading2.gif' title='cargar'> <br>Cargando la cartelera...</div><a class='siguiente' title='Siguiente' style='cursor:pointer'>Siguiente</a><a class='anterior' title='Anterior' style='cursor:pointer'>Anterior</a>";	
				//document.getElementById('cargar').innerHTML="<img src='select_ajax/loading.gif'>";	
				//selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true;	
				
			}
			if (ajax.readyState==4)
			{				 
		  //alert("alert para ke se vea el cargando XDD");					   
				document.getElementById('contenido_mini_pelis').innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
	//}
}

function cargar_pag2(pag)
{	
 //alert(pag);
       // var nombrealbum = document.getElementById('nombrealbum').value;
		// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
		var ajax=nuevoAjax();
		
		//la variable "opcion" es para saber si se esta modificando o insertando uno nuevo.
		ajax.open("GET", "cargador_ajax/peliculas2.php?pagina="+pag+"", true);
		
		ajax.onreadystatechange=function() 
		{ 
		
		// para que se ponga en cargando solo la siguiente fila, he creado en el html, una fila con los mismos estilos pero vacia y con un id. esa capa la rellenaremos mientras carga el archivo ajax.
		// cuando se haya cargado, lo que haremos será mostrar en la capa superior ke contiene todo, todo el archivo php de ajax. Todo esto hara el efecto de que parece que se carga solo la fila insertada.
		
			if (ajax.readyState==1)
			{		
			//document.getElementById('contenido_mini_pelis').innerHTML="<div class='flotante' style=' width:500px; height:150px; text-align:center; padding-top:50px; border:solid 1px; color:#666666;'>&nbsp;&nbsp;&nbsp;<img src='cargador_ajax/loading2.gif' title='cargar'> <br>Cargando películas...</div>";	
				// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."							
				document.getElementById('contenido_mini_pelis').innerHTML="<div class='flotante' style=' width:487px; height:484px; border:solid 0px; text-align:center; padding-top:50px; color:#666666;'>&nbsp;&nbsp;&nbsp;<img src='cargador_ajax/loading2.gif' title='cargar'> <br>Cargando la cartelera...</div><a class='siguiente' title='Siguiente' style='cursor:pointer'>Siguiente</a><a class='anterior' title='Anterior' style='cursor:pointer'>Anterior</a>";	
				//document.getElementById('cargar').innerHTML="<img src='select_ajax/loading.gif'>";	
				//selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true;	
				
			}
			if (ajax.readyState==4)
			{				 
		  //alert("alert para ke se vea el cargando XDD");					   
				document.getElementById('contenido_mini_pelis').innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
	//}
}