/*
=====================================
Scripts Cpech ejercita v0.1

=====================================
*/

$(document).ready(function(){
	$('a[rel*=facebox]').facebox();
	contenidos();
});

/*
=====================================
1. CONTENIDOS
=====================================
*/
function contenidos(){
	//Variables
	var cont = $('#cont_wrap'),
		row = cont.find('.seccion'),
		list = cont.children().length;
	var menu = $('#menu_cont');
	//Preparacion
	cont.width(list * (row.width()+30) );
	//Agrega clases para activo/oculto
	cont.find('.seccion:first').addClass('contActivo');
	cont.find('.seccion:not(:first)').addClass('contOculto').hide(0);
	menu.find('li:first').find('a').addClass('activo');
	//Asigna IDs a contenido y menu. Agrega click a menu
	for(i=0;i<list;i++) {
		cont.find('.seccion:eq('+i+')').attr('id','cont'+(i+1));	
		menu.find('li a:eq('+i+')').attr('id','link'+(i+1))
								 .click(function() { navega(this.id); return false; });
	}
	//Funcion click para navegacion
	function navega(who) {
		//Variables
		var tar = $('#cont'+who.replace('link','')),
			src = $('#'+who);
		//Si esta activo -> hacer nada.
		if( src.hasClass('activo') ) { return false; }
		//Si no esta activo...
		else {
			menu.find('.activo').removeClass('activo');
			src.addClass('activo');
			cont.find('.contActivo').removeClass('contActivo').addClass('exActivo');
			tar.removeClass('contOculto').addClass('preActivo');
			//Anima cambio
			/*cont.animate({marginLeft:'-='+(row.width()+30)+'px'},500,function () { restore(tar) } );
			function restore(current) {
				current.addClass('contActivo').removeClass('preActivo');
				$('.exActivo').removeClass('exActivo').addClass('contOculto');
				cont.css({'margin-left':'0'});
			}*/
			$('.exActivo').animate({height:'hide'},500,function(){restore()});
			function restore() {
				$('.preActivo').animate({height:'show'},500)
							   .removeClass('preActivo')
							   .addClass('contActivo');
				$('.exActivo').removeClass('exActivo').addClass('conOculto');				
			}
		}
	}
}
/*
=====================================
2. INICIO
=====================================
*/
function inicio(){
	//Variables
	var col = $('#inicio .col2'),
		len = col.children().length,
		counter = 1, v1 = 10000, v2 = 500;
	//Preparacion
	for(i=0;i<len;i++) {
		col.find('.ini-sec:eq('+i+')').addClass('sec-'+(i+1));
	}
	col.find('.ini-sec:not(:first)').hide(0);
	//Anima cambio
	setInterval(function(){ anima(counter)},v1);
	function anima(count) {
		col.find('.sec-'+count).animate({height:'hide'},v2);
		setTimeout(function(){
			if(count < len) {
				col.find('.sec-'+(count+1)).animate({height:'show'},v2);
			} else {
				col.find('.sec-1').animate({height:'show'},v2);
			}
		},v2);
		setTimeout(function(){
			if(counter == len) { counter = 1 }
			else { counter++ }
		},(v1*0.5));
	}
}