$(document).ready(function(){
			
	var $menu = $('#menu-projetos'),
	$thumbs = $('.thumbs'),
	$info = $('.info_area');
	$('.projeto').each(function(){
	
	
	var $this = $(this).addClass('menu-line'),
	$img = $this.find('img');
	
	$this.hover(function(){
	$img.fadeIn();
	},
	function(){$img.fadeOut();
	}
	);
	
	
	});
	
	$thumbs.hover(function(){
		$(this).stop().animate({opacity: '1'}, 400)		
		}, function(){$(this).stop().animate({opacity: '0.5'}, 400)}
		
		);
		
	var url = window.location.href;
		var urlparts = url.split('/');
		var urlparts = urlparts.reverse();
		var host = urlparts[0];
		var urlad = "url('http://www.pjvarquitetura.com.br/images/fotos/home/";
		if(host > 0){
		var host2 = urlparts[1];
		if(host2 == 'escritorio'){
			bgImage = urlad+host2+".jpg')";
				}
		else{
		bgImage = urlad+host2+'-'+host+".jpg')";
			}
		}
		else if(host != '' && host != 'home'){
		var bgImage = urlad+host+".jpg')";
		}
		$menu.css({backgroundImage: bgImage});		
	
	$('.menu-categoria').click(function(){
		$li = $(this).find('.categorias:visible');
		if($li.length > 0){
		$li.fadeOut();
		}
		else{
		$menu.find('.categorias').fadeOut();
		$(this).find('.categorias').fadeIn();
		}
	});
	
	var $imgP = $('#projeto').find('img');
	$imgP.ready(function(){
	$imgP.css({visibility:'visible'});	
	$('#projeto').removeClass('.loader');	
	});
	
	$('#scrolldown').hover(function(){
		$altura = $('#menumove').height();
		$top = $altura - 360; //400 altura do main - 20 de padding
		if($altura > 400){
		$('#menumove').animate({marginTop: -$top});}
	});
	
	$('#scrollup').hover(function(){
		$altura = $('#menumove').height();
		$top = $('#menumove').position().top;
		
		$('#menumove').animate({marginTop: 0});
	});
	
	$('.menu-open').hover(function(){
		$menu.fadeIn();
		});		
		$menu.mouseleave(function(){
		$menu.fadeOut();	
		});
		
		
	$('#home').hover(function(){
		$('div#mask').fadeIn();
	});
	
	$('#home').mouseleave(function(){
		$('div#mask').fadeOut();
	});
		
	$('#home').mousemove(function(e){
		$altura = $('#tudo').height();		
		$limite = (($altura - 584)/2)+120;
		var posicao = e.pageY-$limite;
		if((posicao < 315) && (posicao > 0)){
		$('#mask').animate({backgroundPosition:"0px "+ -posicao+"px", marginTop: posicao},{queue:false, duration:0});
		}
	});
	
	$info.click(function(){
		$info.animate({height: "140px"}, {duration:200});
		$('.info_area').css({cursor:'default'});
		$('.projeto-desc').fadeIn();		
		});
		
		$info.mouseleave(function(){
		$info.animate({height: "20px"}, {duration:200});
		$('.info_area').css({cursor:'pointer'});
		$('.projeto-desc').fadeOut();
		});
	

});