function alinear_menus()
{
	//Centrado de #submenu
	var menh = $('#menu h2').height();
	var subh = $('#submenu').height();
	var top = 0;
	top=top+(menh/2)-(subh/2);
	$('#submenu').css({"margin-top":top+'px'});
	
	//Bajar ul de #submenu_1
	var menh = $('#submenu_1 ul').height();
	var subh = $('#submenu_1').height();
	top = -15;
	top= top + subh - menh;
	$('#submenu_1 ul').css({"padding-top":top+'px'});
	
}

var index_image = 0;
function proj_sliders()
{
	if($('#projectes_obres').length > 0)
	{
		var num_image = $('#projectes_obres .slideshow ul li').length;
		
		$('#projectes_obres .controls a:first-child').click(function(e)
		{
			e.preventDefault();
			
			index_image--;
			if(index_image < 0) index_image = num_image-1;
			
			change_aspect();
			
			
		});
		$('#projectes_obres .controls a:last-child').click(function(e)
		{
			e.preventDefault();
			
			index_image++;
			if(index_image > num_image-1) index_image = 0;

			change_aspect();
			
		});
		change_aspect();
	}
	
}
function change_aspect()
{
	$('#projectes_obres .slideshow ul li').hide();
	
	var w = $('#img_'+index_image+' img').attr('width');
	var h = $('#img_'+index_image+' img').attr('height');
	//console.log('w:'+w+', h:'+h+'ratio:'+(w/h));
	//var ratio = (parseInt($('#img_'+index_image+' img').attr('width').replace('px',''))/parseInt($('#img_'+index_image+' img').attr('height').replace('px','')));
	var ratio = w/h;
	//console.log('RATIO: '+ratio+' INDEX_IMAGE: '+index_image);
	/*
	if(ratio < 1)
	{
		$('#projectes_obres .slideshow').attr('id','imagen_vert');
	//	$('#projectes_obres .descrip').attr('id','cont_vert');
	//	$('#img_'+index_image+' img').css({"width":"292px","height":"434px"});
	}
	else
	{
		$('#projectes_obres .slideshow').attr('id','imagen_hort');
	//	$('#projectes_obres .descrip').attr('id','cont_hort');
	//	$('#img_'+index_image+' img').css({"width":"439px","height":"290px"});
	}
	*/
	$('#img_'+index_image).show();
}

var gal_index=0;
function getval(item,cssval)
{
	return parseInt(item.css('margin-bottom').replace('px',''));
}

function assign_click()
{
	$('#menu_proj ul li a').click(function(e)
	{
		var url=$(this).attr('href');
		
		$.ajax({ url:url,
				type:'post',
				dataType:'html',
				complete:function(e,m)
				{
					if(m == 'success' || m == 'notmodified')
					{
						//console.log(e.responseText);
						index_image=0;
						var papa = $('#projectes_obres').parent();
						$('#projectes_obres').remove();
						papa.html(e.responseText);
						proj_sliders();
						
					}
				}
		});
		e.preventDefault();
	});
}

var transition_on = false;
var time = 1000;
function gallery_slider()
{
	
	if($('#menu_proj').length > 0)
	{
		var max_pag		=	5;
		var num_images  = $('#menu_proj ul li').length;
		if(num_images < max_pag+1)
		{
			$('#menu_proj p').css({"visibility":"hidden"});
		}
		$('#menu_proj p:last-child').click(function(e)
		{
			if(!transition_on)
			{
				transition_on = true;
			
				var item = $('#thumb_'+gal_index);
			
				//Animar
				var default_margin = item.css('margin-top');
				var amount = item.height()+getval(item,'margin-bottom');
				
			
				item.animate({
				    "margin-top": '-='+amount
				 }, time, function() {
					
					//Resetear posiciones
					item.css({"margin-top":default_margin});
				
					//Substituir imagenes
				
					$('#thumb_'+gal_index).remove();
					$('#menu_proj ul').append(item);
					assign_click();
					
					gal_index++;
					gal_index=gal_index%num_images;
				
					transition_on = false;
					
				 });
			}
			e.preventDefault();
		});
		$('#menu_proj p:first-child').click(function(e)
		{
			if(!transition_on)
			{
				transition_on = true;
			
				gal_index--;
				if(gal_index < 0) gal_index=(num_images-1);
			
				var item = $('#thumb_'+gal_index);
				$('#thumb_'+gal_index).remove();
				$('#menu_proj ul').prepend(item);
				assign_click();
			
				var amount = item.height()+getval(item,'margin-bottom');
			
				item.css({"margin-top":(-amount)+'px'});
			
				item.animate({
				    "margin-top": '+='+amount
				 }, time, function() {
				
					transition_on = false;
				
				 });
			}
			e.preventDefault();
		});
		assign_click();
	}
}
function centrat()
{
	//Tamany finestra
//	var w_width = $(window).width();
	var w_height = $(window).height();
	//Tamany web
//	var p_width = $('#contenedor').width();
	var p_height = $('#contenedor').height();
	
	if(w_height < p_height)
	{
		$('#contenedor').css({"position":"static","margin-left":"auto","margin-top":"0px","margin-right":"auto"});
	} 
}
$(document).ready(function() {
	
	alinear_menus();
	
	//Detectar si portatil
	centrat();
	
	$('.scroll').jScrollPane();
	
	proj_sliders();
	gallery_slider();
	
	if($("#slider").length > 0)
	{
		$("#slider").easySlider({
				auto: false,
				continuous: true,
				prevText: '&lt;',
				nextText: '&gt;',
				addControlsBefore: true
		});
	}
	
	if($("#slider2").length > 0)
	{	
		$("#slider2").easySlider({
				auto: false,
				continuous: true,
				prevText: '&lt;',
				nextText: '&gt;',
				nextId: 'nextSlider2',
				prevId: 'prevSlider2'
		});
	}
	
	if($("#slider3").length > 0)
	{	
		$("#slider3").easySlider({
				auto: false,
				continuous: true,
				prevText: '&lt;',
				nextText: '&gt;',
				nextId: 'nextSlider3',
				prevId: 'prevSlider3',
				expoImgs: true
		});
	}
});