Event.observe(window, "load", function(event){ 	
	//Event.observe("porarticulo", "submit", function(event){return(eval(enviar("porarticulo")));});	
	//Event.observe("porpelicula", "submit", function(event){return(eval(enviar("porpelicula")));});	
	//Event.observe("porprecio", "submit", function(event){return(eval(enviar("porprecio")));});	
	Event.observe("ListSex", "change", canviarCriterio);	
});

function enviar(form){
	var elementos = $(form).serialize().split("&");
	elementos.each(
		function(elemento,index){
			parametros = elemento.split("=");
			//alert(parametros[0]+" -> "+parametros[1]);
			if(!parametros[1]){
				$(parametros[0]).select();
				return false;	
			}
		}
	);	
}	

function canviarCriterio(){
	var selec = $("ListSex");
	if(selec.options.length==4)
		selec.options[0]=null;
	$("ListAct").innerHTML = "";
	crearElemento($("ListAct") , "option", "", "","", "cargando...")
	var opt = {
		method: 'post',
		postBody: 'tipo=' + $F("ListSex"),
		onSuccess: function(t) {
			cargarCriterio(t.responseText);
		}
	}
	new Ajax.Request('servicios/listadoCaractPeliculas.php', opt);	
}

function cargarCriterio(datos) {
	try {arrDatos=eval(datos);	}
	catch(e) {alert(e);}

	var selec = $("ListAct");
	if(selec)
		selec.innerHTML = "";
		
	if(arrDatos.length) {		
		arrDatos.each(function(e){
			crearElemento(selec , "option", [{"propiedad":"value", "valor":e.clave}], "","", e.valor.unescapeHTML())
		});
	}
}

function procesar(datos) {
	try {datos=eval(datos);	}
	catch(e) {alert(e);}
	//si ya habia una tabla la borro
	if($("estadistica"))Element.remove("estadistica");
		var tabla = crearElemento("lista", "table", [{"propiedad":"id", "valor":"estadistica"}], "", {'with': '80%'});
			var thead = crearElemento("estadistica", "thead", [{"propiedad":"id", "valor":"thead"}]);
				filaCabecera = crearElemento("thead", "tr",[{"propiedad":"id", "valor":"cabecera"}]);		
					crearElemento(filaCabecera, "td", "");	
					crearElemento(filaCabecera, "td","", "mano", {'width': '50px', 'margin': '3px 5px'}, "Artículo");	
					crearElemento(filaCabecera, "td","", "mano", {'width': '50px', 'margin': '3px 15px'}, "Posición");
					crearElemento(filaCabecera, "td","", "mano", {'width': '50px', 'margin': '3px 15px'}, "Cantidad");	
					crearElemento(filaCabecera, "td","", "mano", {'width': '50px', 'margin': '3px 15px'}, "Imagen");	
			var tbody = crearElemento("estadistica", "tbody", [{"propiedad":"id", "valor":"tbody"}]);		
	if(datos.length) {		
			datos.each(function(dato,index){
				color = (index%2==0)?"celda_blanca":"celda_gris";
				crearElemento("tbody", "tr",[{"propiedad":"id", "valor":"fila"+index}],color);		
					crearElemento("fila"+index, "td",[{"propiedad":"id", "valor":dato.id+"_accion"}]);
						crearElemento(dato.id+"_accion", "img",[{"propiedad":"id", "valor":"borrar_"+index},{"propiedad":"src", "valor":"images/actioncancel.gif"},{"propiedad":"alt", "valor":"Eliminar"},{"propiedad":"onclick", "valor":"eliminar(" +dato.id+ ")"}], " mano");
					crearElemento("fila"+index, "td",[{"propiedad":"id", "valor":dato.id+"_descripcion"}], " mano", {'text-align': 'center'}, dato.articulo);
					crearElemento("fila"+index, "td",[{"propiedad":"id", "valor":dato.id+"_ambito"}], " mano", {'text-align': 'center'}, dato.posicion);
					crearElemento("fila"+index, "td",[{"propiedad":"id", "valor":dato.id+"_porcentaje"}], " mano", {'text-align': 'center'}, dato.cantidad);
					crearElemento("fila"+index, "td",[{"propiedad":"id", "valor":dato.id+"_tipo"}], " mano", {'text-align': 'center'}, (dato.imagen)? "Sí":"No");

			})
		tabla = $("estadistica");
		$A(tabla.tBodies[0].rows).each(function(c,index){
				c = $A($(c).cells);
				c.each(function(e){
					
					if(e.id.indexOf('_accion')<0) Event.observe(e, 'click', function(event){ mostrarDiv(Event.element(event));});
				});
			});
	}else {
		crearElemento("tbody", "tr",[{"propiedad":"id", "valor":"vacia"}], "celda_blanca");		
			crearElemento("vacia", "td",[{"propiedad":"colspan", "valor":"5"},{"propiedad":"align", "valor":"center"}],"","","en este momento no hay ninguna campa&ntilde;a de Dtos.", "dentro");
		Element.hide('clave');
		Element.hide('boton');
		$("lista").innerHTML = "No hay Regalos";
	}

}

function mostrarDivNuevoRegalo(){
	var divantiguo = $('nuevoRegalo');
	if(divantiguo){
			eliminarElemento(divantiguo);
	}
	// cabecera
	var div = crearElemento("", "div", [{"propiedad":"id", "valor":"nuevoRegalo"}], "", {position: 'absolute',opacity: 0.9, 'padding': '5px', 'width': '190px', left: posX, top: posY });
	var formulario = crearElemento(div, "form", [{"propiedad":"id", "valor":"formNuevoRegalo"},{"propiedad":"method", "valor":"post"}, {"propiedad":"action", "valor":"servicios/accionRegalosCesta.php"}]);
	var grupo = crearElemento(formulario, "fieldset", [{"propiedad":"id", "valor":"fieldset"}], "fino", {background: '#FFF', 'padding': '5px'});
		var leyenda = crearElemento(grupo, "legend", "", "", "", "NUEVO REGALO");
		var divCabe = crearElemento(grupo, "div", [{"propiedad":"id", "valor":"divCabeCerrar"}], "", {"width": '9%', 'float': 'right', 'text-align':'right'});
			var cerrar = crearElemento(divCabe, "input", [{"propiedad":"type", "valor":"image"}, {"propiedad":"src", "valor":"images/cerrar.jpg"}, {"propiedad":"alt", "valor":"Cerrar"}, {"propiedad":"onclick", "valor":'eliminarElemento(this.up("#nuevoRegalo"))'}], "fino", {'border': '0', 'margin': '1px'});
	// fin cabecera
	
	var hidden = crearElemento(grupo, "input", [{"propiedad":"id", "valor":"accion"}, {"propiedad":"name", "valor":"accion"}, {"propiedad":"type", "valor":"hidden"}, {"propiedad":"value", "valor":"insertar"}]);
	var inp1 = crearElemento(grupo, "input", [{"propiedad":"id", "valor":"articulo"}, {"propiedad":"name", "valor":"articulo"}, {"propiedad":"size", "valor":"8"}], "fino", {'margin': '0 5px 0 5px'}, "Artículo", "antes");
	crearElemento(grupo, "br", "", "", {'margin': '15px 0 5px 0'});

	var select1 = crearElemento(grupo, "select", [{"propiedad":"id", "valor":"posicion"}, {"propiedad":"name", "valor":"posicion"}], "fino", {'margin': '0 5px 0 5px'}, 'Posicion', 'antes');
	$R(1,10).each(function(e,index){
		crearElemento(select1, "option", [{"propiedad":"value", "valor":""+(index+1)}, {"propiedad":"name", "valor":"peso"}], "","", " "+e)
		});
	crearElemento(grupo, "br", "", "", {'margin': '15px 0 5px 0'});

	var inp3 = crearElemento(grupo, "input", [{"propiedad":"id", "valor":"cantidad"}, {"propiedad":"name", "valor":"cantidad"}, {"propiedad":"size", "valor":"5"}], "fino", {'margin': '0 5px 0 5px'}, 'Cantidad', 'antes');
	crearElemento(grupo, "br", "", "", {'margin': '15px 0 5px 0'});

	var select2 = crearElemento(grupo, "select", [{"propiedad":"id", "valor":"imagen"}, {"propiedad":"name", "valor":"imagen"}], "fino", {'margin': '0 5px 0 5px'}, 'Imagen', 'antes');
	["No", "Si"].each(function(e,index){
		crearElemento(select2, "option", [{"propiedad":"value", "valor":""+index}, {"propiedad":"name", "valor":"imagen"}], "","", " "+e)
	});
	crearElemento(grupo, "br", "", "", {'margin': '15px 0 5px 0'});
		
	var boton = crearElemento(grupo, "input", [{"propiedad":"type", "valor":"button"}, {"propiedad":"value", "valor":"Nuevo Regalo"}, {"propiedad":"onclick", "valor":"nuevoRegalo()"}], "fino", {'margin': '5px 30%'});
	
	div.visible();
	new Draggable("nuevoRegalo");
}

function nuevoRegalo(){
	$('formNuevoRegalo').request({
	  onSuccess: function(t){ alert(t.responseText);cargarRegalos();}
	})		
}

function eliminarElemento(div){
	Element.remove($(div));
}

function modificar(id, tipo, div){
		var opt = {
			method: 'post',
			postBody: 'accion=modificar&codigo=' + id + '&tipo=' + $(tipo).id + '&contenido=' + $(tipo).value,
			onSuccess: function(t) {
				alert(t.responseText.unescapeHTML())
				cargarRegalos();
				Element.remove($$('div#'+div).first());
			},
			// Handle 404
			on404: function(t) {
				alert('Error 404: location "' + t.statusText + '" was not found.');
			},
			// Handle other errors
			onFailure: function(t) {
				alert('Error ' + t.status + ' -- ' + t.statusText);
			}
		}
		new Ajax.Request('servicios/accionRegalosCesta.php', opt);	
}


function eliminar(codigo){
	var opt = {
		// Use POST
		method: 'post',
		postBody: 'accion=eliminar&codigo=' + codigo,
		// Handle successful response
		onSuccess: function(t) {
			if(t.responseText) alert(t.responseText.unescapeHTML());
			cargarRegalos();
		},
		// Handle 404
		on404: function(t) {
			alert('Error 404: location "' + t.statusText + '" was not found.');
		},
		// Handle other errors
		onFailure: function(t) {
			alert('Error ' + t.status + ' -- ' + t.statusText);
		}
	}

	if(confirm('Estas seguro de eliminar este Regalo?'))new Ajax.Request('servicios/accionRegalosCesta.php', opt);
	
}