window.addEvent('domready', function(){
	if(!$('referencias')){ return; }
	var referencias = $$('#referencias .ref img');
	var mainInfoOpened = false;
	var curTarget;
	var requestedRef;
	referencias.each(function(referencia){
		referencia.addEvent('click', function(e){
			var thumbID = e.target.id.substr(e.target.id.indexOf("thumb_") + 6);
			var allRefs = $$('#referencias #rightCont .mainRef');
			allRefs.each(function(mainRef){ mainRef.setStyle('display', 'none'); });
			requestedRef = $("main_" + thumbID);
			requestedRef.setStyles({display: 'block', opacity:0});
			if(!curTarget || curTarget != e.target || !mainInfoOpened){
				requestedRef.fade('in');
			}
			openMainInfo(e);
			curTarget = e.target;
		});
	});
	function openMainInfo(e){
		var tween = new Fx.Tween($('referencias'), {duration:350});
		if(curTarget && curTarget != e.target){ return; }
		if(!mainInfoOpened){
			tween.start('right', 0);
			mainInfoOpened = true;
		} else {
			tween.start('right', -429);
			mainInfoOpened = false;
			curTarget = null;
		}
	}

});