var $j = jQuery.noConflict();



	// Ao carregar o site os objetos se tornarão invisíveis instantaneamente

	//$j("#box_topo").css("height","0");
	$j(".cidade .fade").animate({opacity: "0"},0);
	$j("#img_logo_ocm").animate({opacity: "0"},0);
	$j("#celula_widget_facebook").animate({opacity: "0"},0);


	// Somente após o iframe ter carregado é que a celula aonde está o facebook faz o efeito FadeIn
	$j("#iframe_facebook").bind("load", function() {
		//$j("#celula_widget_facebook").animate({opacity: "1"},2000);
		var completo = 1;
	});
	
	
	// Passando o URL para o iframe do facebook
	$j("#iframe_facebook").attr("src","http://www.connect.facebook.com/widgets/fan.php?api_key=9919325cd2c8c524cadb7a938f17df62&channel_url=http://www.imovelpro.com/?fbc_channel=1&id=189123111129561&stream=1&height=450px&connections=0&logobar=1");

	
	// logo OCM
	
	$j("#img_logo_ocm").mouseover(function() {
		$j(this).stop().animate({opacity: "1"},200);
	}).mouseout(function() {
		$j(this).stop().animate({opacity: "0.2"},200);
	});

	
	// Fazendo os objetos aparecerem gradativamente (um após o outro)

	var tempo = "300"
	
	//$j("#box_topo").delay(tempo*7).animate({height: "70px"},1000);
	$j("#img_logo_ocm").delay(tempo*10).animate({opacity: "0.2"},4000);
	$j("#coluna_balneariocamboriu .fade").animate({opacity: "1"},tempo*4);
	$j("#coluna_blumenau .fade").delay(tempo).animate({opacity: "1"},tempo*4);
	
	
	$j("#coluna_itajai .fade").delay(tempo*2).animate({opacity: "1"},tempo*4, function() {


		// Após dar o fadeIn na última cidade habilita o Efeito mouseOver
	
		function mostrarFoto(cor,titulo) {
		
			$j(cor).stop().animate({
				height: '300px'
			});
			
			var cor_do_titulo = $j(cor).css("background-color");
			$j(titulo).stop().animate({height: "0px"}, "fast");
			
		};
		
		function esconderFoto(cor,titulo) {
		
			var alturaInicial = "0px";
			$j(cor).stop().animate({
				height: alturaInicial
			}, "fast");
			
			$j(titulo).stop().animate({height: "40px"}, "fast");
			
		};

	
		$j(".box_cidade_foto a").mouseover(function(){
		
			var Box_cidade_cor = $j(this).parent().children(".cidade_cor");
			var Box_cidade_titulo = $j(this).parent().parent().children("#titulo_cidade");
			
			mostrarFoto(Box_cidade_cor,Box_cidade_titulo);
			
		}).mouseout(function(){
		
			var Box_cidade_cor = $j(this).parent().children(".cidade_cor");
			var Box_cidade_titulo = $j(this).parent().parent().children("#titulo_cidade");
			
			esconderFoto(Box_cidade_cor,Box_cidade_titulo);
		});
		
		
		// Se o conteúdo do iframe tiver carregado então apareça com fadeIn
	
		if ( completo = 1 ) {
			console.log('carregado');
			$j("#celula_widget_facebook").animate({opacity: "1"},1000);
		} else {
			console.log('nao carregou ainda tentar denovo');
			$j("#iframe_facebook").bind("load", function() {
				$j("#celula_widget_facebook").animate({opacity: "1"},1000);
			});
		}
	

	});