// Desplegar/ocultar lista de eventos.
function toggleEventContainer(id) {
	if (document.getElementById(id).style.display == 'inline' || document.getElementById(id).style.display == '') {
		// Ocultar.
		$(document.getElementById(id)).slideToggle("slow");
	} else {
		// Desplegar.
		$(document.getElementById(id)).slideToggle("slow");
	}
	
}

// Hace un "popup" del flyer.
function popFlyer(eventId)
{
	var canvas = document.getElementById('popupFlyer');
	//var BG = document.getElementById('flyerBG');
	var flyerFace = document.getElementById('flyerFace');
	var flyerImg = document.getElementById('popupFlyerImg');

	// Le asigno la imagen.
	flyerImg.src = 'images/flyers/loading.gif';
	flyerImg.src = 'images/flyers/' + eventId + '.jpg';
	setTimeout("flyerImg.src = 'images/flyers/' + eventId + '.jpg';", 5000);
	$(flyerImg).load("images/flyers/" + eventId + ".jpg", function() {
		canvas.height = getWindowHeight();
		canvas.width = getWindowWidth();
		// Ajusto a la altura.
		if (getWindowHeight < flyerImg.height) 
		{
			flyerFace.style.top = (getWindowHeight - flyerImg.height) / 2;
		}
		canvas.style.display = 'block';
		$(canvas).animate({opacity: "0.8"}, 0,  function() {
			$("#flyerFace").show(0);
																}
		);
	});
	

}

// Muestra la barra a la derecha con la info del evento.
function showBar(eventId)
{
	var bar = document.getElementById('bar');
	if (bar.style.display != 'block')
	{
		bar.style.display = 'block';
		//$(bar).animate({"width": "+=326px"}, "slow");
		$(bar).animate({"width": "+=346px"}, "slow");
	}
	bar.innerHTML='<img src="images/parts/loading.gif" style="position: absolute; top: 0px; left: 0px;" />';
	loadBarInfo(eventId);
}

// Carga la info de la barra derecha.
function loadBarInfo(eventId)
{
	$.get("js/ajax.php?action=loadBarInfo&eventId=" + eventId, function(data) 
		{	
			document.getElementById('bar').style.width = '0';
			document.getElementById("bar").innerHTML = data;
			$(bar).animate({"width": "346px"}, "slow");
		}
	)
}