//Prata da Casa! joaopedro@oc.arq.br

// VARIÁVEIS
  // grupo portfolio:
  var portfolioh = 540
  var portfoliow = 233
  var portfolioa = 'alto'
  var TelaState = false
  var telaw = 565
  // grupo fale conosco
  var faleh = 302
  var falew = 444
  var falea = 'baixo'
  var mapaw = 300
  //grupo quem somos
  var quemh = 300
  var quemw = 233
  var quemw2 = 595
  var quemmenuw = 150
  var quema = 'baixo'
  // gerais
  var aberto = 'nenhum'
  var licensa = false
  var listar
  var memoslider
  var memoli
  var memoul

// ANIMAÇÕES

  // revela rodapé
	$(function() {
		$("#rodape").delay(8000).show("slow","easeInOutQuart");
	});
  // posicionamento em relação à tela:
  function ancoragem(mode,alt) {
	  var mode = mode || 'meio';
	  var alt = alt || 540
	  var x = (alt+60)/-2
	  var v
	  switch(mode) {
		  case 'alto':
			  $("#ancora").animate({ 
				  top: "12%"
				  }, 1000, "easeInOutQuart");
			  $("#barco").animate({ 
				  top: "-10px"
				  }, 1000, "easeInOutQuart");				
			  break;
		  case 'meio':
			  $("#ancora").animate({ 
				  top: "50%"
				  }, 1000, "easeInOutQuart");
			  $("#barco").animate({ 
				  top: "-10px"
				  }, 1000 , "easeInOutQuart");				
			  break;
		  case 'baixo':
			  $("#ancora").animate({ 
				  top: "50%"
				  }, 1000, "easeInOutQuart");
			  $("#barco").animate({ 
				  top: x 
				  }, 1000, "easeInOutQuart");					
			  break;
		  }
	  };

  // largura dos itens do menu
  function menuSet(grupo,seq) {
		  $(".menu li").not("#"+grupo).animate({
			  width: "142px"
			  }, 'fast');
		  $("#"+grupo).animate({
			  width: "225px"
			  }, 'fast', seq);
		  $(".menu li").not('li:first').addClass('separador');
	  };
  function menuReset() {
			  $("#"+aberto).removeClass('atual', 1000);
			  fecha(aberto);
			  $(".menu li").delay(1000).removeClass('separador').animate({
					  width: "170px"
					  });
			  };
		
  // comportamento dos grupos: comandos gerais
  function abre(grupo) {
	  licensa = false
	  menuSet (grupo, function(){
		  ancoragem(eval(grupo+"a"),eval(grupo+"h"))
		  $("#_"+grupo).animate({
				  height: eval(grupo+"h")
				  }, 1000, "easeInOutQuart", function() {
					  aberto = grupo
					  abertura(grupo)
					  });
	  });
	  $("#rodape").hide("slow","easeInOutQuart");
  };
  function fechamento(grupo,recado) {
	  ancora = eval(grupo+"a")
	  if (ancora='alto') {
		  ancoragem('meio')
		  }
	  else {
		  ancoragem('meio')
		  }	
	  $("#_"+grupo).animate({
		  height: 0
		  }, 1000, "easeInOutQuint", function() {
			  if (licensa){ 
					abre(recado)
					}
				  });
			aberto = grupo;
  };
  function vai(ligado,clicado) {
	  if (aberto==clicado) {
		  menuReset();
		  }
	  else if (ligado) {
		  licensa = true
		  fecha(ligado,clicado);
	  }
	  else {
		  abre(clicado);
		  }
  };

  // comportamento dos grupos: comandos específicos			
  function fecha(grupo,recado) {
		  switch(grupo) {
		  case 'portfolio':
			if(TelaState) {
				TelaState = false
				$("#tela").animate({ 
						width: "0px"
						}, 'fast', "easeOutQuint", function () {
							$("#_portfolio").css('overflow','hidden')
							fechamento(grupo,recado)
						});
				}
			else {
				fechamento(grupo,recado)
				}
		  	break;
		  case 'fale':
			  $("#mapa").animate({
				  left: mapaw,
				  width: "0px"
				  }, 700, "easeOutQuint", fechamento(grupo,recado))
			  break;
			case 'quem':
				$("#menuQuem").animate({
				  left: quemmenuw,
				  width: "0px"
				  }, 700, "easeOutQuint")
			  $("#_quem").delay(300).animate({
				  width: quemw
				  }, 700, "easeOutQuint", fechamento(grupo,recado));
			  break;
			default:
				fechamento(grupo,recado)
		  }
	  };
  function abertura(grupo) {
	  switch(grupo) {
		  case 'fale':
			  $("#mapa").delay(500).animate({
				  left: "0px",
				  width: mapaw
				  }, 700, "easeOutQuart")
			  break;
		  case 'quem':
			  $("#menuQuem").delay(500).animate({
				  left: "0px",
				  width: quemmenuw
				  }, 700, "easeOutQuart")
			  $("#_quem").delay(300).animate({
				  width: quemw2
				  }, 700, "easeOutQuart");
			  break;
		  default:
		  }
	  };

  //exibe tooltips
  function dica(ref,mode) {
	  var mode = mode
	  switch(mode) {
		  case 'on':
			  $(ref).fadeIn(300)
			  break;
		  case 'off':
			  $(ref).fadeOut(300)
			  break;
		  }
	  };

//alternância modo de exibição da listagem de projetos 
//(presumindo acionamento via H2 dentro do grupo #_portfolio, que por sua vez contém sliders!)
function listagem(ref,mode) {
	var mode = mode || 'slider'
		switch (mode) {
			case 'slider':
			memoslider = $(ref).find(".slider:first").attr('style');			
			memoli = $(ref).find(".slider li:first").attr('style');
			memoul = $(ref).find(".slider ul:first").attr('style');
			$(ref).find(".slider").removeAttr('style')
			$(ref).find(".slider").hide('slow', function() {
				$(this).attr('class','sliderOff');
				$(this).show('slow')
				});
			$(ref).find(".legenda").attr('class','legendaOff');
			$(ref).find(".limiteSlider").attr('class','limiteOff');
			$(ref).find("#controls").hide();
			$(ref).find('li').removeAttr('style');
			$(ref).find('ul').removeAttr('style');
			listar = 'lista';
			break;
		case 'lista':
			if (!($.browser.msie)) {
				$(ref).find(".sliderOff").removeAttr('style');
				$(ref).find(".sliderOff").hide('slow', function() {
					$(this).attr('class','slider');
					$(this).attr('style','memoslider');
					$(this).css('overflow','hidden');
					$(this).show('slow');
					});
				$(ref).find(".legendaOff").attr('class','legenda');
				$(ref).find(".limiteOff").attr('class','limiteSlider');
				$(ref).find("#controls").delay('slow').show('slow');
				$(ref).find('li').removeAttr('style');
				$(ref).find('ul').removeAttr('style');
				$(ref).find('li').attr('style',memoli);
				$(ref).find('ul').attr('style',memoul);
				listar = 'slider';
				}
			break;
			}
		};

// GATILHOS
$(function() {
	
	// do menu principal
	$(".menu li").click(function() {
		vai($(this).siblings(".atual").attr("id"),$(this).attr("id"))
		});	
	// de retorno para página inicial   
	$(".fecha").click(function() {
		menuReset();
		$("#rodape").show("slow","easeInOutQuart");
		});
	
	//abertura do frame de projetos
	$(".abretela").click(function() {
		$("#_portfolio").css('overflow','visible')
		$("#tela").animate({ 
            width: telaw
        	}, 700, "easeOutQuart");
		TelaState = true
		});
	
	//abertura do frame de sócio
	$("#fotinhos a").click(function() {
		$("#telinha").animate({ 
            width: "535px" 
        	}, 700, "easeOutQuart")
		});
	
	//marcação de menus abertos
	$("li").not("#sliderQuem li").click(function() {
		$(this).parents(".grupo").find(".atual").toggleClass('atual');
		$(this).toggleClass('atual');
		});
	
	//para ocultar todas as dicas
	$(".dica").hide();
	
	//reações dos ícones com o mouse	
	$(".menulateral").hover(
	  function () {
		$(this).find(".icone").attr('class','iconeAceso');
	  }, 
	  function () {
		$(this).find(".iconeAceso").attr('class','icone');
	  });
	$("#fotinhos a img").hover(
	  function () {			 
		$(this).attr('class','iconeAceso');
		dica($(this).parent().next(".dica"),'on');
	  },
	  	  function () {			 
		$(this).attr('class','icone');
		dica($(this).parent().next(".dica"),'off')
	  });				 
	
	//troca modo de exibição do menu de projetos	
	$(".menulateral h2").click(function () {
		listagem($(this).parent().parent(),listar)
			});							
	
	//definição dos sliders	
	$("#slider1").sudoSlider({
		updateBefore:true,
		startslide:1
		});
	$("#slider2").sudoSlider({
		updateBefore:true,
		startslide:1
		});
	$("#slider3").sudoSlider({
		updateBefore:true,
		startslide:1
		});
	$("#sliderQuem").sudoSlider({ 
        vertical:true,
        numeric: false,
        autoheight: false,
        prevNext: false,
        customLink:'#menuQuem a',
        updateBefore:true
    });
	
});