//Inicializar selector de proyectos
function initProjectSelector() {
	var menu2_loader = $('#menu2_loader');

	var links = menu2_loader.find('a');

	menu2_loader.animate({height: '110px'}, 'fast');
	if (menu == 'proyectos') $('#project_info_box').hide();
	$('#menu2_loading').hide();
	$('#menu2_hide').show();

	var seleccione_proyecto_txt = $('#project_title').html();
	$('#project_title').html(seleccione_proyecto_txt);

	links.hover(function() {
		$('img.normal',this).hide();
		$('img.hover',this).show();
		$('#project_title').html('<span id="here_year">'+this.getAttribute('rel')+'</span> <span>'+ this.getAttribute('title')+'</span>');
	}, function() {
		$('img.normal',this).show();
		$('img.hover',this).hide();
		$('#project_title').html(seleccione_proyecto_txt);
	});	
	
	//Autoscroll horizontal
	var x_offset = 0; //posición respecto la izquierda de la pantalla
	var slider_container_width = 595;
	var slider_width = $('#imagenes_proyectos_arquitectura').width();
	var slider_timer; //timer mover imagenes
	var slider_speed = 20; //tiempo de refresco
	var slider_move = 4; //salto en píxeles
	var slider_left = 0; //Posición del slider
	var mouse_rel_x; //Posición del cursor
	var width_active_zone = 150; //Ancho de la zona dónde se activa el desplazamiento
	
	if (slider_width < slider_container_width) return; //No es necesario el slider;
	
	function slider_movement(){
		if (mouse_rel_x<width_active_zone) { 
			slider_left -= slider_move;
			if (slider_left<=0) slider_left = 0;
			$('#imagenes_proyectos_arquitectura').css({'left': -slider_left});
		} else if(mouse_rel_x>slider_container_width-width_active_zone) { 
			slider_left += slider_move;
			if (slider_left>=slider_width-slider_container_width) slider_left = slider_width-slider_container_width;
			$('#imagenes_proyectos_arquitectura').css({'left': -slider_left});
		} else { return; }
	}
	
	$('#imagenes_proyectos_box_arquitectura')
		.mousemove(function(e) {
			mouse_rel_x = e.pageX - x_offset;
		}).hover(
			function(){	
				x_offset = $('#global_box').position().left+422;
				slider_timer = setInterval(slider_movement, slider_speed);
			}, function(){
			    clearTimeout(slider_timer);
			}
		);
}

//Fotos de portada en movimiento
function initPortadaSlider() {
	function randOrd(){ return (Math.round(Math.random())-0.5); }

	var current_image=0;
	for (; current_image<3;current_image++) {
		var img_src = 'projects/images/'+portada_images[current_image]['img_portada'];
		var img_link = 'proyecto/'+portada_images[current_image]['value'];
		$('#portada_images_'+current_image).html('<a href="'+img_link+'"><img src="'+img_src+'" alt="" /></a>');
	}
	
	var rand_positions = [0,1,2];
	rand_positions.sort( randOrd );
	var current_position=0;

	setInterval(function() {
		var pos = rand_positions[current_position];
		var img_src = 'projects/images/'+portada_images[current_image]['img_portada'];
		var img_link = 'proyecto/'+portada_images[current_image]['value'];
		
		//console.log(pos+' -> '+portada_images[current_image]);
		var _cimg = $('#portada_images_'+pos+' img');
		var _ca = $('#portada_images_'+pos).css('background', 'url('+_cimg.attr('src')+') no-repeat').find('a').hide().attr('href', img_link);
		_cimg.attr('src', img_src);
		_ca.fadeIn();
		current_image++;
		if (current_image>=portada_images.length) current_image=0;
		current_position++;
		if (current_position>=3) {
			current_position = 0;
			rand_positions.sort( randOrd );
		}
	}, 4000);
}


//Ajustar ratio imagen miniatura proyectos
function adjustRatio() {
	var y_ratio = this.height / 35;
	var w_ratio = this.width / 47;
	if(y_ratio<w_ratio) {
		this.style.height = '100%';
		this.style.width = 'auto';
	} else {
		this.style.width = '100%';
		this.style.height = 'auto';
	}
}

function menu2_hide_click() {
	$('#menu2_loader, #menu2_hide').hide();
	if (menu == 'proyectos') $('#project_info_box').show();
}


//document ready
$(function(){	
	//En portada mostrar slider
	if (menu=='portada') initPortadaSlider();
	
	//Desplegable categoría de proyectos
	$('ul.main_menu a.slide').click(function() {
		var id_rel = this.href.match(/(#\w+)$/).pop();
		$(id_rel).slideDown().find('a.sel').click();

		$('ul.main_menu a').removeClass('sel');
		$(this).addClass('sel');
		return false;
	});

	//En el caso de proyecto precargados, mostrar menú
	if ($('#menu2_loader a').length) {
		$('#proyectos').show();
		$('#menu2').show(); // sino muestra mal el marco izquierdo del menú junto a menu2 tiene un display: none;
		initProjectSelector();
	}

	//Al clickar una categoría de proyecto
	/*
	$('#proyectos a').click(function() {

		//Marcar seleccionado
		$('#proyectos a').removeClass('sel');
		$(this).addClass('sel');

		//Cargar proyectos via ajax
		$('#menu2_loading').show();
		$('#menu2_loader').css('height', 0).hide().load(this.href+'?ajax=1', initProjectSelector);
		return false;
	});
	*/
	
	//muestra menu de proyectos
	$('#menu1 ul.show').show();
});