secciones_es = ["nos-gusta", "trabajos", "contacto"];
secciones_en = ["we-love", "projects", "contact"];
secciones = secciones_es;

imgsFolder="images/bgs/";

$(document).ready(function(){
	$("#listSentences ul").reelText();
	creaEventos();
	idActivo = 1;
	idPrev = 1;
	nx = false;
	pr = false;
	controlaInfo();
	//variables imágenes de fondo
	bgs = [["ommwriter.jpg","Text editor","Ommwriter","center-center"],["labuat.jpg","Soy tu Aire","Labuat","center-left"],["camper1.jpg","BANK OF IMAGINATION","Camper", "center-center"],["camper_season.jpg","Spring-Summer 09","Camper","center-center"],["casio-digestion.jpg","Digestion","Casio", "center-center"],["camper-raices.png","Fall-Winter 08","Camper", "center-center"],["bgsucedio.jpg","High-Speed","CASIO", "center-center"],["cdec.png","ClubdeCreativos.com","CdeC", "top-center"],["windplant.jpg","Desktop Plants","Ikea", "center-center"],["elhogarde.jpg","El hogar.de","Ikea", "center-center"],["cursors.png","Accessibility","La Caixa", "center-center"],["skate.jpg","Skate Parks","Bdu", "top-center"], ["barcelo.jpg","Ohtools","Barceló Viajes", "center-center"]];	
	cantImgs = bgs.length;
	cantLoaded = 0;
	imgN = 0;
	imgActivo = 0;
	loadedCount = 0;
	divActivo = null;
	shuffle(bgs);
	loadBg();
	setBgEvents();
});
///////////////////// SHUFFLE ARRAY
shuffle = function(o){ //v1.0
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};

///////////////////// CARGA IMAGEN
function loadBg(){
	//creamos div	
	if(imgN == cantImgs) return;
	var divStr= "<div id='img" + imgN + "'></div>";
	 $("#bgImage").append(divStr);
	var divA = "#img" + imgN;
	//cargamos
	var img = new Image();
	$(img).load(function () {
		$(divA).hide();
		cantLoaded ++;
		if(imgN == imgActivo) muestraImg();	
		$('#counter').html((imgActivo +1) + "/" + cantLoaded);		
		$(divA).append(this);
		$(divA).addClass(bgs[imgN][3]);
		
		imgN ++;
		loadBg();
	});
	$(img).attr('src', imgsFolder + bgs[imgN][0]);
 }
 

///////////////////// MUESTRA IMAGEN
function muestraImg(){
	if(imgActivo == cantLoaded){		imgActivo = 0;	}
	if(imgActivo == -1){
		imgActivo = cantLoaded -1;
	}
	
	var divA = "#img" + imgActivo;	
	if(divActivo != null) $(divActivo).filter(":not(:has(:animated))").fadeOut("slow");
	$(divA).filter(":not(:has(:animated))").fadeIn("slow",function(){
		divActivo = divA;								   
		$('#counter').html((imgActivo +1) + "/" + cantLoaded);
		$('#imgProject').html(bgs[imgActivo][1] + " /");		
		$('#imgClient').html(bgs[imgActivo][2]);				
	});
}
///////////////////// ESTABLECE EVENTOS DE FONDO
function setBgEvents(){
	$("#nextImg").click(function(event){
			if($("#bgImage div").is(':animated') ){
				if (event && event.preventDefault)	event.preventDefault();
				return false; 
			}								 
		imgActivo ++;
		muestraImg();
		if (event && event.preventDefault)	event.preventDefault();
		return false; 
		
	});
	$("#prevImg").click(function(event){
			if($("#bgImage div").is(':animated') ){
				if (event && event.preventDefault)	event.preventDefault();
				return false; 
			}								 
								 
		imgActivo --;
		muestraImg();
		if (event && event.preventDefault)	event.preventDefault();
		return false; 
		
	});
	
}

function controlaInfo(){
	altura = 400;	
	//almacenamos en una matriz las alturas de los diferentes lis
	cantSteps = 10;
	cant = $("#wrapReel ul").height()/cantSteps; 
	idA = 0;

	
	$("#prevP").mousedown(function(event){
		if(idA == 0){
			if (event && event.preventDefault)	event.preventDefault();
			return false; 
		}
		idA --;
		
		interv = setInterval(mueveListado,600);
		mueveListado();
		intervId = true;
		pr = true;
		
		if (event && event.preventDefault)	event.preventDefault();
		return false; 
									   
	});
	$("#prevP").bind("mouseout mouseup", function(event){
		clearInterval(interv);
		intervId = false;
		pr = false;
										 
	});
	//    $("textarea.checkMax").bind("click mouseover keyup change", function(){checkMaxLength(this.id); } )

	$("#nextP").bind("mouseout mouseup", function(event){
		clearInterval(interv);
		intervId = false;
		nx = false;
	});
	$("#nextP").mousedown(function(event){
		if(idA == cantSteps -2){
			if (event && event.preventDefault)	event.preventDefault();
			return false; 
		}								   
		idA ++;		
		interv = setInterval(mueveListado,600);
		mueveListado();		
		intervId = true;
		nx = true;
		if (event && event.preventDefault)	event.preventDefault();
		return false; 
	   
	});
	
}

function mueveListado(){
	if(interv && nx == true){
		idA++;			
	}
	if(interv && pr == true){
		idA--;			
	}
	
	var total = - (idA * cant);
	$("#wrapReel ul").stop().animate({ top: total + "px"},500, function(){setInfoNav()});
		setInfoNav();
}
function setInfoNav(){
	var pos = $("#wrapReel ul").position();
	var altura = $("#wrapReel ul").height() - ($("#wrapReel").height());

	if(idA == 0){
		clearInterval(interv);	
		$("#prevP").hide();
	}else{
		$("#prevP").show();		
	}
	if(idA == cantSteps -2){
		clearInterval(interv);
		$("#nextP").hide();
	}else{
		$("#nextP").show();		
	}

}

function creaEventos(){
	
		$("#menu p a").click( function(event) {
			if ( $(".info").is(':animated') ){
				if (event && event.preventDefault)	event.preventDefault();
				return false; 
			}
			var idN = $(this).attr("rel");
			$("#menu p a").removeClass("activo");
			if(idN == idActivo){
				if (event && event.preventDefault)	event.preventDefault();
				return false; 

			}
			prevItem = idActivo;
			idActivo = idN;
			animaSeccion();
			$(this).addClass("activo");
			if (event && event.preventDefault)	event.preventDefault();
			return false; 
		});			
	
	$("a[rel='external']").click( function(event) {
		window.open( $(this).attr('href') );
		if (event && event.preventDefault)	event.preventDefault();
		return false; 
	});			
}


function animaSeccion(){
	var anchura = $(window).width() + 300;
	var speed = anchura/2;

	var prevElem = "#sec" + prevItem;
	var nItem = "#sec" + idActivo;
	$("#menuBots a").removeClass("menuActivo");
	var botActivo = $("#menuBots a")[idActivo -1];	

	$(botActivo).addClass("menuActivo");
	
	$(prevElem).filter(":not(:has(:animated))").fadeOut("medium",function(){
																					  
			$(nItem).filter(":not(:has(:animated))").fadeIn("medium");
	});
}