var Cuotas  = new Class({
    initialize: function(){
		this.rutaImg = "imagenes/tarjetas/";
		this.tarjetas = ["redcre.gif","tarj_american.gif","tarj_visa.gif","tarj_rio.gif","tarj_naranja.gif","tarj_master.gif","tarj_franca.gif","tarj_diners.gif","tarj_compumundo.gif","tarj_cabal.gif","tarj_nativa.gif"];
		this.tarjetasIds = ["11","3","10","9","12","7","5","6","8","4","16"];
		this.codProducto = 0;
    },
	
	calcularCuotas:function(id){		
		var myXHR = new XHR({method: 'get',onRequest:myCuotas.comenzo,onSuccess:myCuotas.termino}).send('calcularCuotas.php', 'codigo='+myCuotas.codProducto+'&mp='+myCuotas.tarjetasIds[id]);
	},
	
	comenzo:function(){
		$('tarjetas').setStyle("display","none");
		$('cuotas').setStyle("display","block");
		
		//$('cuotasListado').innerHTML = '<img src="imagenes/loading.gif" alt="procesando..."/>';
	},
	
	termino:function(e){
		/*
		alert(this.codProducto)
		alert(e);
		*/		
		$('cuotasListado').innerHTML = e;
	},
	
	cargar:function(){
		var div = '<div id="tarjetas">';
		div += '<a href="#" class="cerrar" onclick="return false;">cerrar x<a/>'
		div += '<div>Seleccione alguno de los medios de pago disponibles.</div>';
		div += '<ul>';
		var cant = this.tarjetas.length;
		for(var i=0;i<cant;i++){
			div += '<li><a href="#" onclick="myCuotas.calcularCuotas('+i+');return false;"><img src="'+myCuotas.rutaImg+this.tarjetas[i]+'" alt=""/></a></li>';
		}
		div += '</ul>';
		div += '</div>';
$('contenedor_cuotas').innerHTML += div
//		document.body.innerHTML += div;
		
		div = '<div id="cuotas">';
		div += '<a href="#" class="cerrar" onclick="return false;">cerrar x<a/>'
		div += '<div id="cuotasListado"></div><br/>';
		div += '</div>';
//		document.body.innerHTML += div;
$('contenedor_cuotas').innerHTML += div;
		//myCuotas.agregarEventos();
	},
	
	agregarEventos:function(){
		$$('.btnCuotas').each(function(obj,index){
			obj.addEvent('click',function(){
				
				myCuotas.codProducto = this.getProperty("cod");
				
				var op = this.getCoordinates();
				var posY = op.top+op.height+3;				
				$('tarjetas').setStyles({
					top: posY,
					left: op.left,
					display: "block"
				});
				
				$('cuotas').setStyles({
					top: posY,
					left: op.left,
					display: "none"
				});
				$('cuotasListado').innerHTML = '&nbsp;&nbsp;&nbsp;<img src="imagenes/loading.gif" alt="procesando..."/> procesando<br/><br/>';
			});			
		});
		
		$$('.cerrar').each(function(obj,index){
			obj.addEvent('click',function(){
				$('tarjetas').setStyle("display","none");				
				$('cuotas').setStyle("display","none");
				$('cuotasListado').innerHTML = '&nbsp;&nbsp;&nbsp;<img src="imagenes/loading.gif" alt="procesando..."/> procesando<br/><br/>';
			});
		});
	}
});