transiciones = new Object();
activos = new Object();

function habilitarBotones(id){
	activos[id] = true;
}

function corrigeSombra(id){
	if(/MSIE 7.0/.test(navigator.userAgent)){
		var obj = document.getElementById(id);
		obj.style.filter = null;
	}
}

function out(id,rapido){
	var tiempo = (rapido == true) ? -1 : 800;	
	var alfa = currentAlfa(id);
	
	if(rapido == true)
		alfa = 0;
		
	if(transiciones[id] != null)
		transiciones[id].stop();
		
	transiciones[id] = new Spry.Effect.Fade(id ,{from:alfa, to: 0, duration: tiempo, toggle: true, transition: Spry.fifthTransition, fps: 60, finish:habilitarBotones});
	transiciones[id].start();
}

function over(id){
	var tiempo = 700;
	
	var alfa = currentAlfa(id);
	
	if(id == "botonActivo"){
		var caja = document.getElementById(id).parentNode.id;
		transiciones[id].stop();
		transiciones[id] = new Spry.Effect.Fade(id ,{from:alfa, to: 100, duration: 100, toggle: true, transition: Spry.fifthTransition, fps: 60, finish:function(){corrigeSombra(id)}});
		transiciones[id].start();
		//document.getElementById(id).style["height"] = "40px";
		JSTweener.addTween(document.getElementById(id).style, {
			  time: 0.5,
			  transition: 'easeOutQuad',
			  top: 8
		  });
	
	}else if(activos[document.getElementById(id)] == true){
		transiciones[id].stop();
		transiciones[id] = new Spry.Effect.Fade(id ,{from:alfa, to: 40, duration: tiempo, toggle: true, transition: Spry.fifthTransition, fps: 60});
		transiciones[id].start();
	}	
}

function bajarSelector(){
	JSTweener.addTween(document.getElementById("botonActivo").style, {
			  time: 0.5,
			  transition: 'linear',
			  top: 40
		  });
}

function currentAlfa(obj){
	
	var obj = document.getElementById(obj);

	var alfa = 0;
	
	if(/MSIE/.test(navigator.userAgent))
		alfa = parseInt(Spry.Effect.getStylePropRegardlessOfDisplayState(obj, 'filter').replace(/alpha\(opacity=([0-9]{1,3})\)/g, '$1'), 10);
	else
		alfa = parseInt(Spry.Effect.getStylePropRegardlessOfDisplayState(obj, 'opacity') * 100, 10);

	return alfa;
}