/*
Validação do formulário de login
*/
function valida()
{
	if (document.getElementById('strLoginFD').value == '')
	{
		msg = 'Informe seu login.'
		abrirBoxMsg ("erro", msg, "Atenção");
		document.getElementById('strLoginFD').focus();
		return false;
	}
	if (document.getElementById('strSenhaFD').value == '')
	{
		msg = 'Informe sua senha.'
		abrirBoxMsg ("erro", msg, "Atenção");
		document.getElementById('strSenhaFD').focus();
		return false;
	}
	return true;
}

/*
Função para fazer o "enter" do teclado submeter o formulário de login
*/
function submeterLogin(codigo) {
	if (codigo == 13) {
		if (valida()) {
			$("#frmLogin").submit();
		}
	}
}

/*
Exibe o hint com o nome do usuario
*/
function exibirHint (objeto, strLogin) {

	$("#usuario_"+strLogin).fadeIn("slow");
	var objeto = $("#img_" + strLogin);
	var offset = objeto.offset();
	var mouseX = 0;
	var mouseY = 0;
	$().mousemove( function(e) {
		mouseX = e.pageX;
		mouseY = e.pageY;
	});
	alert("left: " + mouseX + ", top: " + mouseY );

}


/*
Criação dos links e funções para o login e funcionamento da barra superior
*/
$(document).ready (function(){
	
	// On clicl do botao de login
	$("#btLogin").click(function(){
		if (valida()) {
			$("#frmLogin").submit();
		}
	});
	
	// Limpar o campo de senha ao receber foco
	/*$("#strSenhaFD").focus(function(){
		$("#strSenhaFD").val('');
	});*/
	
	//Muda o type do campo de senha
	$("#strSenhaFD_ha").focus(function(e){
		$("#strSenhaFD_ha").css("display", "none");
		$("#strSenhaFD").css("display", "inline");
		if ($("#strSenhaFD").val() == "Senha") {
			$("#strSenhaFD").val("");
		}
		$("#strSenhaFD").focus();
	});
	
	// submete o form ao pressionar enter com foco no campo de senha
	$("#strSenhaFD").keypress(function(e){
		submeterLogin(e.which);
	});
	
	// Limpar o campo de login ao receber foco
	$("#strLoginFD").focus(function(){
		if ($("#strLoginFD").val() == "Nome de usuário") {
			$("#strLoginFD").val('');
		}
	});
	// submete o form ao pressionar enter com foco no campo de login
	$("#strLoginFD").keypress(function(e){
		//submeterLogin(e.which);
	});
	
	// acao do click sobre o link de sair
	$("#btSair").click(function(){
		window.location = '/include/login/login_end_fd.asp';
	});
	
	//acao de click sobre o botao de fechar o form de login
	$("#btFechar").click(function(){
		$("#box_form_login").fadeOut('slow');
	});
	
	// funcao do menu do avatar
	//horizontal();
	
	$(".familiar").live('click', function() {
		var strNome = $(this).attr("original-title");
		var strLogin = $(this).siblings(".menu2").find("a").attr("rel");
		$(".caixalogar").show();
		$(".caixalogar").find(".strLoginFD").val(strLogin);
		$(".caixalogar").find("h3").html("Entrar como "+strNome);
		$(".caixalogar").find(".strSenhaFD").focus();
	});
	$(".caixafechar").click(function(){
		$(".caixalogar").hide();
	});
	$(".btLogin").click(function(){
		var formlogin = $(this).parent().parent(".frmLogin");
		var campologin = formlogin.find('.strLoginFD');
		var camposenha = $(this).siblings('.strSenhaFD');

		if (campologin.val() == ''){
			msg = 'Informe seu login.'
			abrirBoxMsg("erro", msg, "Atenção");
			campologin.focus();
		}else if (camposenha.val() == ''){
			msg = 'Informe sua senha.'
			abrirBoxMsg("erro", msg, "Atenção");
			camposenha.focus();
		}else{
			formlogin.submit();
		}
	});
	/*$(".familiar").live('mouseover', function() {
   		$(this).siblings(".menu2").show();
	}).live('mouseout', function() {
		$(this).siblings(".menu2").hide();
	});*/
	$('.familiar').livequery( function(){ 
			$(this).tipsy({gravity: 's'});
	});
});

/* Menu de A à Z - Envia para Canal */
function irCanal(dominio, canal) {
	if (canal != "")
	{
		//alert (dominio + "/" + canal);
		document.location.href = dominio + "/" + canal;
	}
}

function abrirBoxMsg (tipo, msg, titulo, linkBotao, tipoBotao, callback, largura_box) {

	msg = '<div id="texto_msg_erro">' + msg + '</div>';

	// Definir as cores de acordo com o tipo
	// novos tipos padrão => positivo | negativo
	// se não informar o tipo escolhe a cor default que é o mesmo do positivo
	var cor;
	var espacoAcima;
	var espacoEsquerda;
	var altura;
	var largura;
	var botao;
	switch (tipo) {
		case "erro":
			cor = "#F7BD70";
			if (titulo == "") {
				titulo = "Atenção";
			}
		break;
		case "negativo":
			cor = "#F7BD70";
			if (titulo == "") {
				titulo = "Atenção";
			}
		break;
		case "mensagem":
			cor = "#74C737";
		break;
		case "positivo":
			cor = "#74C737";
		break;
		default:
			cor = "#74C737";
	}
	if (typeof(tipoBotao) == "undefined") {
		tipoBotao = "";
	}
	if (typeof(largura_box) == "undefined") {
		largura_box = 260;
	}
	if (typeof(callback) == "undefined" || callback == "") {
		callback = "fecharBoxMsg();";
	}
	if (tipoBotao == "excluir") { 
			botao = '<div style="margin: 0 16px 5px 0;" align="right"><a href="'+linkBotao+'"><img src="/include/imagens/feedback/botao_v-m_excluir.png"></a></div>';
	} else if (tipoBotao != "") {
			botao = '<div style="margin: 0 16px 5px 0;" align="right"><a href="'+linkBotao+'"><img src="/include/imagens/feedback/'+tipoBotao+'"></a></div>';
	} else {
		botao = "";
	}
	$('#msgErro').css("width", largura_box+"px");
	msg = msg + botao;

	$('#msgErro').html('<div id="box_login_msg_erro">&nbsp;' + titulo + '<div id="box_fechar"><a href="javascript: ' + callback + '" id="btFecharAlertaErro"><img src="/images/ic_fechar.png" width="16" height="16" border="0" /></a></div><br /></div>');
	$("#box_login_msg_erro").css("background-color", cor);
	$('#msgErro').css("border-color", cor);
	$('#msgErro').append(msg);
	
	altura = $('#msgErro').height();
	largura = $('#msgErro').width();
	espacoAcima = ($(window).height() - altura) / 2;
	espacoEsquerda = ($(window).width() - largura) / 2;
	$('#msgErro').css({top: espacoAcima, left: espacoEsquerda});
	$('#msgErro').show();
	$("#btFecharAlerta").bind("click", function(){
		$('#msgErro').hide();
		$('#msgErro_backGround').hide();
	});
	$('#msgErro').focus();
	$('#msgErro_backGround').show();
	return true;
}

function fecharBoxMsg () {
	$('#msgErro').hide();
	$('#msgErro_backGround').hide();
	//location.href = location.pathname;
}
function fecharBoxCrop () {
	$("#box_crop_avatar").hide();
	$('#msgErro_backGround').hide();
	location.reload();
}

function pageWidth() {return window.innerWidth != null? window.innerWidth: document.body != null? document.body.clientWidth:null;}
function pageHeight() {return window.innerHeight != null? window.innerHeight: document.body != null? document.body.clientHeight:null;}
/*function horizontal() {
 
	if (document.getElementById("menu_dropdown") != null) {
		var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
		
		for (var i=0; i< navItems.length; i++) {
		  if(navItems[i].className == "submenu")
		  {
			 if(navItems[i].getElementsByTagName('ul')[0] != null)
			 {
				navItems[i].onmouseover = function(){
					this.getElementsByTagName('ul')[0].style.display="block";
				}
				navItems[i].onmouseout  = function(){
					this.getElementsByTagName('ul')[0].style.display="none";
				}
			 }
			 if(navItems[i].getElementsByTagName('ul')[1] != null)
			 {
				navItems[i].onmouseover = function(){
					this.getElementsByTagName('ul')[1].style.display="block";
				}
				navItems[i].onmouseout  = function(){
					this.getElementsByTagName('ul')[1].style.display="none";
					//setTimeout ('this.getElementsByTagName(\'ul\')[1].style.display=\'none\'', 2000);
				}
				/*navItems[i].onclick     = function(){
					this.getElementsByTagName('ul')[0].style.display="none";
					this.getElementsByTagName('ul')[1].style.display="block";
				}
			 }
		  }
		}
	}
 
}*/

/*************************************
 Funções de crop e upload de imagem
*************************************/
function mostrarCropAvatar (nomeCampo, imagem) {

	var array_imagem = imagem.split("/");
	var id_usuario = array_imagem[array_imagem.length - 2];
	var imagem_unica = array_imagem[array_imagem.length - 1];
	
	$("#msgErro_backGround").show();
	$("#id_usuario_crop").val(id_usuario);
	$("#box_crop_avatar").prepend('<div align="center"><img src="/d_img.asp?arquivo='+imagem_unica+'&chave='+id_usuario+'" id="cropbox" align="middle"></div>');
	$('#cropbox').Jcrop({aspectRatio: 1, onChange: showCoords, onSelect: showCoords, boxWidth: 500, boxHeight: 500, keySupport: false});

	$("#box_crop_avatar").show();
	$("#box_crop_avatar").prepend('<div id="box_fechar_crop"><a href="javascript: fecharBoxCrop();" id="btFecharBoxCrop"><img src="/images/ic_fechar.png" width="16" height="16" border="0" /></a></div><br /><br />');
	$("#btFecharBoxCrop").focus();
	
	//var largura = $("#box_crop_avatar").width();
	//var altura = $('#box_crop_avatar').height();
	//var espacoAcima = ($(window).height() - altura) / 2;
	//var espacoEsquerda = ($(window).width() - largura) / 2;
	//alert(largura + " - " + altura + " - " + espacoAcima + " - " + espacoEsquerda)
	//$('#box_crop_avatar').css({top: espacoAcima, left: espacoEsquerda});
	//document.getElementById("box_crop_avatar").style.top = espacoAcima;
	//document.getElementById("box_crop_avatar").style.left = espacoEsquerda;
	
	// teste usando a api do jcrop
	//var api;
	//api = $.Jcrop($('#cropbox'), {aspectRatio: 1, onChange: showCoords, onSelect: showCoords, boxWidth: 500, boxHeight: 500});
	//api.setSelect([ 100,100,200,200 ]);
	//api.animateTo([ 120,120,80,80 ]);

}

function showCoords(c) {
	$('#x').val(c.x);
	$('#y').val(c.y);
	$('#x2').val(c.x2);
	$('#y2').val(c.y2);
	$('#w').val(c.w);
	$('#h').val(c.h);
};

function validaImagem () {
	var retorno = true;
	if ($("#id_usuario_crop").val() == "" || $("#w").val() == "" || $("#w").val() == 0 || $("#h").val() == 0 || $("#w").val() == "") {
		retorno = false;
	}
	return retorno;
};
function sleep(milliseconds) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > milliseconds){
      break;
    }
  }
};
