Event.observe(window,"load",function(){
	setupMoto();
	setupMotoToggle();
});

function setupMoto()
{
	var marca = $("marca");
	var modelo = $("modelo");
	
	if(marca && modelo){
		Event.observe(marca,"change",function(){
			if(marca.value == "0"){
				modelo.innerHTML = "<option value='0'>ELIGE UNA MARCA</option>";
			}else{
				var options = {
					asynchronous: true,
					method: "post",
					parameters: {
						action: "get-moto-models",
						brand: marca.value
					}
				}
				
				new Ajax.Updater(modelo,"lib/web-request.php",options);
			}
		});
	}	
}

function setupMotoToggle()
{
	if(Prototype.Browser.IE) setupMotoToggleIE();
	else setupMotoToggleStandard();
}

function setupMotoToggleIE()
{
	var mymoto = $("mymoto");

	var motoyes = $("moto-yes");	
	if(motoyes){			
		Event.observe(motoyes,"click",function(){
			mymoto.style.visibility = "visible";			
		});
	}
	
	var motono = $("moto-no");
	if(motono){
		Event.observe(motono,"click",function(){
			mymoto.style.visibility = "hidden";
		});
	}
}

function setupMotoToggleStandard()
{
	var mymoto = $("mymoto");
		
	var open = false;
	var cancelOpen = function(){
		clearInterval(open);
		return false;		
	}
	
	var close = false;
	var cancelClose = function(){
		clearInterval(close);
		return false;
	}
	
	var step = 0.1;
	
	var motoyes = $("moto-yes");	
	if(motoyes){			
		Event.observe(motoyes,"click",function(){
			close = cancelClose();
			
			if(open == false){
				open = setInterval(function(){
					var op = mymoto.getOpacity()+step;
					if(op >= 1){
						op = 1;
						open = cancelOpen();
					}
					mymoto.setOpacity(op,true);
				},10);
			}
		});	
	}
	
	var motono = $("moto-no");
	if(motono){
		Event.observe(motono,"click",function(){
			mymoto.style.display = "block";
			open = cancelOpen();
			
			if(close == false){
				close = setInterval(function(){
					var op = mymoto.getOpacity()-step;
					if(op <= 0){
						op = 0;
						close = cancelClose();
					}
					mymoto.setOpacity(op,true);
				},10);
			}
		});	
	}	
}