$(function(){
	init_POP();
	init_widget();
	
	$(".go-left").bind('click', function(){
		voltar('.go-right','.go-left','div.scroll-icones > ul#lista-icones');
	});
	
	$(".go-right").bind('click', function(){
		avancar('.go-right','.go-left','div.scroll-icones > ul#lista-icones');
	});	

	var aba_id = 'aba_1';
	
	$("div#form-pop-mail > ul").find("li").bind('click', function(){
		aba_id = $(this).attr('id');
		$('#frm_widget').attr('acao','ok');
		
		if(aba_id == 'aba_1') {
			$('#frm_widget').attr({'action':'http://servlet.pop.com.br/App/servlet/Login?engine=webmail'});
			$('#aba_1').removeClass('aba-two-mailoff-selected').addClass('aba-two-mail-selected');
			$('#aba_2').removeClass('aba-two-central-selected').addClass('aba-two-central-offselected');
		}else{
			$('#frm_widget').attr({'action':'https://www.pop.com.br/Central/CentralCliente','onsubmit':''});
			$('#aba_1').removeClass('aba-two-mail-selected').addClass('aba-two-mailoff-selected');
			$('#aba_2').removeClass('aba-two-central-offselected').addClass('aba-two-central-selected');
		}
	});
	
	$("#frm_widget").submit(function(){

		var acao = $(this).attr('acao');

		if(acao == 'ok') {
			var nome = $("#popmail_nome").val();
			var senha = $("#popmail_senha").val();			

			if (aba_id == 'aba_1') {			
				$("#login_username").val(nome);
				$("#secretkey").val(senha);
				$("#central_login").val('');
				$("#central_senha").val('');
			} else {
				$("#central_login").val(nome);
				$("#central_senha").val(senha);
				$("#login_username").val('');
				$("#secretkey").val('');
			}
			
			if (nome.length < 1 || nome == 'login')
			{
				alert('Digite seu login corretamente');
				return false;
			}
			else if (nome.match(/@/) && !nome.match(/@pop\.com\.br$/))
			{
				alert('Digite seu login corretamente');
				return false;
			}
			else
			{
				if (senha.length < 1 || senha == 'senha')
				{
					alert('Digite sua senha corretamente');
					return false;
				}
			}
			
			$("#popmail_nome").val('login');
			$("#popmail_senha").val('senha');

			return true;
		}
	});
});
function init_widget() {
	$("div#form-pop-mail > ul > li").each(function(i){
		var num = parseInt(i)+1;
		
		$(this).attr('id','aba_'+num);			
	});	
}

function init_POP() {
	$lis = $("div.scroll-icones > ul#lista-icones > li");					
			
	var totalRegistro = $("div.scroll-icones > ul#lista-icones").find('li').length;	
	
	$lis.each(function(index) {
		var numero = index+1;
		$(this).attr({'id':'POP_'+numero});
	   
		if(numero > 4) {
			$(this).hide(); 
		}					
	});
	$(".go-left").attr({'href':'javascript:void(0)'});
	$(".go-right").attr({'href':'javascript:void(0)'});

	//$(".go-left").hide();
	//$(".go-right").hide();
	
	//if(totalRegistro > 4) {
		//$(".go-right").show();
	//}		
}

function avancar(voltar,avancar,nomClass) {		
	//$(voltar).show();
	
	var totalRegistro = $(nomClass).find('li').length;
		
	var primeiro = $(nomClass).find("li:visible:first").attr('id');	
	var ultimo = $(nomClass).find("li:visible:last").attr('id');	
	var th = primeiro.substr(0,4);
	
	pri = primeiro.substr(4,4);	
	ult = ultimo.substr(4,4);

	var proximo = parseInt(ult)+1;	
		
	if(proximo <= totalRegistro) {
		$("#"+primeiro).hide();
		$("#"+th+proximo).fadeIn('fast').show();
	}
	
	//if(ult == parseInt(totalRegistro)-1) {
	//	$(avancar).hide();
	//}
}

function voltar(voltar,avancar,nomClass,car) {
	//$(avancar).show();
	
	var primeiro = $(nomClass).find("li:visible:first").attr('id');
	var ultimo = $(nomClass).find("li:visible:last").attr('id');			
	var th = primeiro.substr(0,4);

	pri = primeiro.substr(4,4);
				
	var anterior = parseInt(pri)-1;								
				
	if(pri > 1) {				
		$("#"+ultimo).hide();
		$("#"+th+anterior).fadeIn('fast').show();
	}
	
	//if(pri == 2) {
	//	$(voltar).hide();
	//}
}

var popmail_default_user = 'login';
var popmail_default_senha = 'senha';

function popmail_verifica(form)
{
	var nome = form.popmail_nome.value;
	var senha = form.popmail_senha.value;

	if (nome.length < 1 || nome == popmail_default_user)
	{
		alert('Digite seu login corretamente');
		return false;
	}
	else if (nome.match(/@/) && !nome.match(/@pop\.com\.br$/))
	{
		alert('Digite seu login corretamente');
		return false;
	}
	else
	{
		if (senha.length < 1 || senha == popmail_default_senha)
		{
			alert('Digite sua senha corretamente');
			return false;
		}
	}

	form.login_username.value = nome;
	form.secretkey.value = senha;
	form.popmail_nome.value = popmail_default_user;
	form.popmail_senha.value = popmail_default_senha;

	var PopMailServer = new Array()
	PopMailServer[0]="popmail2.pop.com.br/webmail/src/redirect.php";
	PopMailServer[1]="popmail3.pop.com.br/webmail/src/redirect.php";
	PopMailServer[2]="popmail4.pop.com.br/webmail/src/redirect.php";
	PopMailServer[3]="popmail5.pop.com.br/webmail/src/redirect.php";
	PopMailServer[4]="popmail6.pop.com.br/webmail/src/redirect.php";
	PopMailServer[5]="popmail8.pop.com.br/webmail/src/redirect.php";
	PopMailServer[6]="popmail10.pop.com.br/webmail/src/redirect.php";
	PopMailServer[999]="servlet.pop.com.br/App/servlet/Login?engine=webmail";

	form.action = 'http://' + PopMailServer[999];

	return true;
}

function popmail_focus(input)
{
	if (input.value == popmail_default_user)
		input.value = '';
}

function popmail_blur(input)
{
	if (input.value.length == 0)
		input.value = popmail_default_user;
}

function popmail_senha_focus(input)
{
	if (input.value == popmail_default_senha)
		input.value = '';
}

function popmail_senha_blur(input)
{
	if (input.value.length == 0)
		input.value = popmail_default_senha;
}

function popmail_filtro(input)
{
	// var login = input.value.replace(/@.*/,'');
	var login = input.value.replace(/[^a-zA-Z0-9\.\-\_@]+/,'');
	input.value = login;
}

function menu_troca(id) {
	var x = $('#'+id);
	if (x.attr('aberto') == 0) {
		$('#'+id+' ul').show('slow');
		x.attr('aberto', 1);
		x.addClass('ativo');
	} else {
		$('#'+id+' ul').hide('slow');
		x.attr('aberto', 0);
		x.removeClass('ativo');
	}
}

function menu_seleciona(menuativo) {
	menuativo = '>'+menuativo.toLowerCase()+'</a>';
	var item;
	var html;

	$('div.menu-lateral ol li').each(function (index) { 
  		item = $(this);
  		html = item.html().toLowerCase();
  		
  		if (html.indexOf(menuativo) > 0) {
  			item.addClass('link-ativo');
  		}
	});
}
 
function multiclick(id, op, idr) {
	var mult = $("#"+id+".id"+idr);
	var aba = '';

	if (mult.attr('aba') == 1) {
		aba = 'fotos';
	} else {
		aba = 'videos';
	}

	var lis_hide = $("#"+id+".id"+idr+" div.ativo ul."+aba+"_hide li");
	var lis_show = $("#"+id+".id"+idr+" div.ativo ul."+aba+"_show");
	var mostra = 0;

	if (op == ">") {
		mostra = parseInt(mult.attr('mostra_'+aba)) + 1;
	} else {	
		mostra = parseInt(mult.attr('mostra_'+aba)) - 1;
		if (mostra < 1)	{
			mostra = lis_hide.length; 
		}
	}
	
	var ok = false;
	var i = 0;
	lis_show.empty();

	lis_hide.each( function(index) {
		if ((index + 1) == mostra) ok = true;
		if (ok && i < 3) {
			i++;
			var li = $(this);
			lis_show.append('<li ord="'+li.attr('ord')+'">'+li.html()+'</li>');
		}
	});
	if (i < 3) {
		lis_hide.each( function(index) {
			if (i < 3) {
				i++;	
				var li = $(this);
				lis_show.append('<li ord="'+li.attr('ord')+'">'+li.html()+'</li>');
			}
		});
	}
	
	var lis_show = $("#"+id+".id"+idr+" div.ativo ul."+aba+"_show li");
	lis_show.each( function(index) {
		var li = $(this);
		
		if (index == 1) {
			li.addClass('ativo');
			li.hide();
			if (op == ">") {
				li.addClass('slide2a');
				li.animate({"opacity": "show", "left": "-=140px"}, "slow");
			} else {
				li.addClass('slide2b');
				li.animate({"opacity": "show", "left": "+=200px"}, "slow");
			}
		} else {
			li.addClass('slide'+(index+1));
		}

	});

	if (op == ">") {
		if (mostra > lis_hide.length) {
			mult.attr('mostra_'+aba, 1);
		} else {
			mult.attr('mostra_'+aba, mostra);
		}
	} else {
		if (mostra < 0) {
			mult.attr('mostra_'+aba, lis_hide.length);
		} else {
			mult.attr('mostra_'+aba, mostra);
		}
	}

}

function multiaba(id, op, idr) {
	var mult = $("#"+id+".id"+idr);
	var menu = $("#"+id+".id"+idr+" ul.nav li");
	var num = 2;
	
	if (id == 'multimidia_03') num = 3;
	
	
	if (op == 'fotos') {
		mult.attr('aba', 1)
		$("#"+id+".id"+idr+" #multivideos_0"+num).removeClass('ativo');
		$("#"+id+".id"+idr+" #multifotos_0"+num).addClass('ativo');

		$(menu.get(1)).removeClass('ativo');
		$(menu.get(0)).addClass('ativo');
	} else {
		mult.attr('aba', 2)
		$("#"+id+".id"+idr+" #multifotos_0"+num).removeClass('ativo');
		$("#"+id+".id"+idr+" #multivideos_0"+num).addClass('ativo');

		$(menu.get(0)).removeClass('ativo');
		$(menu.get(1)).addClass('ativo');

		if ($("#"+id+".id"+idr+" div.ativo ul.videos_show li").length == 0) {
			multiclick('multimidia_0'+num, '>', idr);
		}
	}
}

function multitroca(a, id) {
	var l = $(a);
	
	var titulo = $("#multimidia_01.id"+id+" p a");
	
	titulo.attr('href', l.attr('link'));
	titulo.attr('title', l.attr('title'));
	titulo.html(l.attr('title'));
	
	var link_imagem = $("#multimidia_01.id"+id+" #mult01_link");
	
	link_imagem.attr('href', l.attr('link'));
    link_imagem.attr('title', l.attr('title'));

	var imagem = $("#multimidia_01.id"+id+" #mult01_link img");
	
	imagem.hide();
	imagem.attr('src', l.attr('imagem'));
	imagem.attr('alt', l.attr('title'));
	imagem.show();

	if(l.attr('link') == 'javascript:void(0);' || l.attr('link') == "#" || l.attr('link') == "") {
		link_imagem.css("cursor", "default");
		imagem.css("cursor", "default");
		titulo.css("cursor", "default");
		titulo.css("text-decoration", "none");
	} else {
		link_imagem.css("cursor", "pointer");
		imagem.css("cursor", "pointer");
		titulo.css("cursor", "pointer");
		//titulo.css("text-decoration", "underline");
	}
}


