$(document).ready(function(){
	
	/*
	Config
	*/
	var total_infografias = 3;
	var posiciones = new Array(70, -686, -1441);
	/*
	Menú: desplazamiento de la barra
	*/
	var activo_pos = null; // Posición de la sección activa
	var left_pos = null; // Posición de la sección en la que se hace mouseover
	$('div#header ul li').each(function(i){
		if ($(this).hasClass('activo')) {
			activo_pos = 115*i;
		}
		$(this).mouseover(function(){
			left_pos = 115*i;
			$('div#menu_bar').stop();
			$('div#menu_bar').animate({left:left_pos+'px'},400, 'easeOutCubic');

		});
	});
	$('div#header ul').mouseout(function(){
		$('div#menu_bar').stop();
		$('div#menu_bar').animate({left:activo_pos+'px'},400, 'easeOutCubic');
	});
	$('div#menu_bar').css('left',activo_pos+'px');
	$('div#menu_bar').css('display','block');
	
	/*
	Infografía - Editar navegación
	*/
	function infografiaNav(pos)
	{
		$('div#infographics div.content').each(function(i){
			$(this).css('display','none');
			if (i == pos) {
				$(this).css('display','block');
			}
		});
		switch (pos) {
			case 0:
				$('div#infographics div.nav a.anterior').addClass('inactivo');
				anterior_activo = false;
				$('div#infographics div.nav a.siguiente').removeClass('inactivo');
				siguiente_activo = true;
				$('div#infographics div.nav span').text('('+(pos+1)+' de '+total_infografias+')');
				break;
			case 1:
				$('div#infographics div.nav a.anterior').removeClass('inactivo');
				anterior_activo = true;
				$('div#infographics div.nav a.siguiente').removeClass('inactivo');
				siguiente_activo = true;				
				$('div#infographics div.nav span').text('('+(pos+1)+' de '+total_infografias+')');
				break;
			case 2:
				$('div#infographics div.nav a.anterior').removeClass('inactivo');
				anterior_activo = true;
				$('div#infographics div.nav a.siguiente').addClass('inactivo');
				siguiente_activo = false;
				$('div#infographics div.nav span').text('('+(pos+1)+' de '+total_infografias+')');
				break;
		}
	}
	
	/*
	Infografía - Navegación aparece/desaparece
	*/
	$('div#infographics div.main_content').mouseover(function(){
		$('div#infographics div.nav, div#infographics div.content').stop();
		$('div#infographics div.nav, div#infographics div.content').animate({opacity:'1'},250);
	});
	$('div#infographics div.main_content').mouseout(function(){
		$('div#infographics div.nav, div#infographics div.content').stop();
		$('div#infographics div.nav, div#infographics div.content').animate({opacity:'0'},250);
	});
	
	/*
	Infografía - Random
	*/
	var actual_pos = Math.floor(Math.random()*3);
	var pos = null; // Posición de la infografía
	var anterior_activo = null; // Enlace anterior activo
	var siguiente_activo = null; // Enlace siguiente activo
	$('div.infography').css('left',posiciones[actual_pos]+'px');
	$('div.infography').css('display','block');
	$('div#infographics div.content').each(function(i){
		$(this).css('display','none');
		if (i == actual_pos-1) {
			$(this).css('display','block');
		}
	});
	infografiaNav(actual_pos);

	/*
	Infografía - Clic en anterior
	*/
	$('div#infographics a.anterior').click(function(){
		if (anterior_activo == true) {
			actual_pos -= 1;
			$('div.infography').stop();
			$('div.infography').animate({left:posiciones[actual_pos]},300);
			infografiaNav(actual_pos);
		}
	});
	
	/*
	Infografía - Clic en siguiente
	*/
	$('div#infographics a.siguiente').click(function(){
		if (siguiente_activo == true) {
			actual_pos += 1;
			$('div.infography').stop();
			$('div.infography').animate({left:posiciones[actual_pos]},300);
			infografiaNav(actual_pos);
		}
	});
	
	/*
	Sidebar - Agenda
	*/
	$('div.agenda div.evento div').css('display','none');
	$('div.agenda div.evento:first div').css('display','block');
	$('div.agenda div.evento:first > a span.icono').text('[-]');
	$('div.agenda div.evento > a').each(function(i){
		if($('div.agenda div.evento > a:eq('+i+') span.icono').text() == '[+]'){
			$(this).css('font-weight','bold');
		}
		$(this).click(function(){
			if($('div.agenda div.evento > a:eq('+i+') span.icono').text() == '[+]'){
				$('div.agenda div.evento div:eq('+i+')').css('display','block');
				$('div.agenda div.evento > a:eq('+i+') span.icono').text('[-]');
				$(this).css('font-weight','normal');
			} else {
				$('div.agenda div.evento div:eq('+i+')').css('display','none');
				$('div.agenda div.evento > a:eq('+i+') span.icono').text('[+]');
				$(this).css('font-weight','bold');
			}
		});
	});
	
	/*
	Rollover de todas las imágenes
	*/
	$('a.img').each(function(i){
		$('a.img:eq('+i+') span').css({display:'block', opacity:0});
		$(this).mouseover(function(){
			$('a.img:eq('+i+') span').css({display:'block', opacity:0});
			$('a.img:eq('+i+') span').stop();
			$('a.img:eq('+i+') span').animate({opacity:0.4},300);
		});
		$(this).mouseout(function(){
			$('a.img:eq('+i+') span').stop();
			$('a.img:eq('+i+') span').animate({opacity:0},300);
		});
	});
	
	/* Galería - Imagen activa */
	$('a.imagen_activa span').css({display:'block', opacity:'0.5'});
});
