$(document).ready(function () {

	//idSessao = $('#idSessao').html();
	idPercurso = parseInt($('#idPercurso').html());
	$('.formIdPercurso').each(function() {
		$(this).val(idPercurso);
	});
	idioma = $('#idioma').html();
	idUsuario = $('#idUsuario').html();

	$(".drag").each(function () {
			if($.browser.msie){
				/*$(this).find('a').bind('click', function(e){
					e.preventDefault();
					return false;
				});*/
				var lk = $(this).find('a').attr('href');
				$(this).find('a').attr('href','#');
				$(this).find('a').bind('click', function(e){
					//alert(lk);
					window.location = lk;

				});
			}

			$(this).draggable({
				helper: 'clone',
				start: function(ev,ui) {
							$('#box-links-visitados').css('height','80px');
						},
				stop: function(ev,ui) {
							$('#box-links-visitados').css('height','20px');
							//alert(ui.position.top);
						}
			});
			linksVisitados[linksVisitados.length] = $(this).attr('id');

			larguraTotalLinks += larguraImagem + paddingImagem;
	});

	if(larguraTotalLinks < larguraTela ) {
		var delta = larguraTela - larguraTotalLinks;
		xAtualLink += delta - 16;
		moveHistorico(xAtualLink);
	} else {
		var delta = larguraTotalLinks - larguraTela;
		xAtualLink -= delta;
		 moveHistorico(xAtualLink);
		$("#seta_esquerda_historico").removeClass('seta_off').addClass('seta_on');
		$("#seta_esquerda_historico").bind('click',moveHistoricoDireita);
	}

	$(".dragPercurso").each(function () {
			if($.browser.msie){
				var lk = $(this).find('a:last').attr('href');
				$(this).find('a:last').attr('href','#');
				$(this).find('a:last').bind('click', function(e){
					//alert(lk);
					window.location = lk;

				});
			}

			$(this).draggable({helper: 'clone',
				start: function(ev,ui) {
					$('.acompanhaPercurso').css('height','80px');
				},
				stop: function(ev,ui) {
					$('.acompanhaPercurso').css('height','20px');
				}
		});
			//linksVisitados[linksVisitados.length] = $(this).attr('id');
			larguraTotalPercurso += larguraImagem + paddingImagem;
	});

	if(larguraTotalPercurso > larguraTela + 16) {
		/*var delta = larguraTotalPercurso - larguraTela;
		xPercurso -= delta + 2;
		 movePercurso(xPercurso);*/
		$("#seta_direita_acompanha").removeClass('seta_off').addClass('seta_on');
		$("#seta_direita_acompanha").bind('click',movePercursoDireita);
	}


	$('.conexao').each(function() {
		//$(this).draggable({helper: 'clone'});
		larguraTotalConexoes += larguraImagem + paddingImagem;
		conexoes[conexoes.length] = $(this).attr('id');
		original[original.length] = $(this).attr('id');

		//$('#listaConexao > li.conexao').sortable('refresh');
	});

	if(larguraTotalConexoes > larguraTela + 16) {
		var delta = larguraTotalConexoes - larguraTela;
		xAtual -= delta + 2;
		 moveLista(xAtual);
		$("#seta_direita").removeClass('seta_off').addClass('seta_on');
		$("#seta_direita").bind('click',moveConexaoEsquerda);
	}

	$(".li-arraste").droppable(opcoesDroppable);
	$(".arraste").droppable(opcoesDroppable);

	//$(".drop").droppable(opcoesDroppable);

	$('.lixo').droppable({
		accept: ".conexao",
		/*activeClass: 'lixo-active',*/
		hoverClass: 'lixo-hover',
		drop: function(ev, ui) {
			var id = ui.draggable.attr('id');
			var texto = ui.draggable.html();
			var posicao = jQuery.inArray(id, conexoes);
//TODO: Colocar aqui a lÛgica de excuir uma conex„o.

			var entradaTituloUnico = id.split('|');
			var entradaCodigo = entradaTituloUnico[0];
			entradaTituloUnico = entradaTituloUnico[1];
			var saidaTituloUnico = '';
			var saidaCodigo = '';

			if(posicao != (conexoes.length - 1)) {
				saidaTituloUnico = ui.draggable.next().attr('id').split('|');
				saidaCodigo = saidaTituloUnico[0];
				saidaTituloUnico = saidaTituloUnico[1];
			}

			$.post('/percursos/removeConexao.php',
					{ idPercurso: idPercurso,entradaTituloUnico: entradaTituloUnico, entradaCodigo: entradaCodigo,
					  saidaCodigo: saidaCodigo, saidaTituloUnico: saidaTituloUnico},
					function(resposta){
						if(resposta == 'sucesso') {
							conexoes.splice(posicao, 1);
							ui.draggable.fadeOut(1000);
							larguraTotalConexoes -= larguraImagem  + paddingImagem;
							$('#listaConexao').sortable('refresh');
							if((larguraTotalConexoes) < larguraTela) {
								if ($("#seta_esquerda").attr('class') == 'seta_on') {
									$("#seta_esquerda").removeClass('seta_on').addClass('seta_off');
									$("#seta_esquerda").unbind('click',moveConexaoDireita);
									moveConexaoDireita();
								}
							}
						} else {
							alert('Ocorreu algum erro durante a exclus„o dessa p·gina.');
						}
					},
					'text'
			); // Fim do .post
		}

	}); // Fim do .lixo droppable

	$('#listaConexao').sortable({
		   // placeholder: "placeholder",
			items: '> li.conexao',
		    revert: true,
		    opacity: 0.5,
		    scrollSensitivity: 10,
		    start: function(ev,ui) {
				//console.debug(ui.item.parent().html());
				//console.debug($('.conexao').index(ui.item));
				inicioOrdenacao = $('.conexao').index(ui.item);
				$('.drop').css('height','50px');
			},
		    stop: function(ev,ui) {
				//console.debug($(this).sortable('serialize'));
				//console.debug(ui.item.attr('id'));
				//console.debug($('.conexao').index(ui.item));
				$('.drop').css('height','30px');
				var listaSerializada = '';
				var descricoes = '';
				fimOrdenacao = $('.conexao').index(ui.item);
				if (inicioOrdenacao != fimOrdenacao) {
					$(".conexao").each(function(){
						listaSerializada += $(this).attr('id')+'#@#';
						descricoes += $(this).find('span').html()+'#@#';
					});
	//console.debug('Lista: '+listaSerializada+' Inicio: '+inicioOrdenacao+' Fim: '+fimOrdenacao+' Descricoes: '+descricoes);
					$.post('/percursos/reordenaLista.php',
							{
							 percursoId: idPercurso,
							 posicaoInicial: inicioOrdenacao,
							 posicaoFinal: fimOrdenacao,
							 paginas: listaSerializada,
							 descricoes: descricoes},
							function (resposta) {
								var inicio = inicioOrdenacao;
								var fim = fimOrdenacao;

								if (inicioOrdenacao > fimOrdenacao) {
									inicio = fimOrdenacao;
									fim = inicioOrdenacao;
								}

								for (i= inicio;i <= fim; i++ ){
									$('.lk-conexao:eq('+i+')').find('span').html('');

								}
							},
							'text'
					);
				}
			} // Fim de stop
	});

	$('#salvarPercurso').bind('click',function() {
		//console.debug('Blz, salvou.');
	});

	configuraConexao();
	/*
	$('.lk-conexao:first').attr('title','').unbind('click');
	$('.lk-conexao:first').append("<span class='seta-preta-percurso'></span>");
	*/
	$('.lk-conexao:first').parent().prepend("<span class='seta-preta-percurso'></span>");
	$('.lk-conexao:first').remove();

	$('#publicarPercurso').bind('click',function(){
		$('#formPublicaPercurso').show('slow');

	});

	$('#formPublicaPercurso').bind('submit',function(){
		var titulo = $('#tituloPercurso').val();

		if (titulo == '' || titulo == 'TÌtulo') {
			$('#tituloPercurso').val('');
			$('#tituloPercurso').focus();
			alert('O tÌtulo n„o pode ser vazio.');
			return false;
		} else {
			/*if($('#descricaoPercurso').html() == 'DescriÁ„o') {
				$('#descricaoPercurso').html('');
			}*/
			return true;
		}
	});

	$('#limparPercurso').bind('click',function(){
		if(confirm('Tem certeza que deseja limpar esse percurso?')) {
			$.post( '/percursos/limpaPercurso.php',
					{percursoId: idPercurso},
						function(resposta) {
							if(resposta == 'sucesso') {
							//alert("Sucesso");
							$(".conexao").fadeOut(1000, function(){
								$(this).remove();
								larguraTotalConexoes = larguraImagem + paddingImagem;
								conexoes = [];
							});
						} else {
							alert('fracasso!');
						}
				},
				'text');
		} // Fim do if confirm
	}); // Fim de limpaPercurso

	$('#cancelaPercurso').bind('click',function() {
		$('#tituloPercurso').val('TÌtulo');
		$("#descricaoPercurso").html('');
		$('#formPublicaPercurso').hide('slow');
	});

	$('#cancelaEdicao').bind('click',function() {
		reabilitaInterface();
		$('#formEditaConexao').hide('slow');
	});

	$("#tituloPercurso").bind('blur',function(){
		if($(this).val() == '') {
			$(this).val('TÌtulo');
		}
	});

	$("#tituloPercurso").bind('focus',function(){
		if($(this).val() == 'TÌtulo') {
			$(this).val('');
		}
	});

	/*$("#descricaoPercurso").bind('blur',function(){
		if($(this).html() == '') {
			$(this).html('DescriÁ„o');
		}
	});

	$("#descricaoPercurso").bind('focus',function(){
		if($(this).html() == 'DescriÁ„o') {
			$(this).html('');
		}
	});*/

	$('.lk-conexao-acompanha:first').parent().prepend("<span class='seta-preta-percurso'></span>");
	$('.lk-conexao-acompanha:first').remove();

	$('#msg').fadeOut(4000);
}); // Fim da inicializaÁ„o


var larguraImagem = 115;
var alturaImagem = 15;
var larguraTela = 904;
var paddingImagem = 0;
var larguraTotalLinks = 0;
var larguraTotalConexoes = larguraImagem + paddingImagem; //Pra compensar a ·rea de drop
var larguraTotalPercurso = 0;
var xAtual = 0;
var xAtualLink = 0;
var xPercurso = 0;

var idSessao = 0;
var idPercurso = 0;
var idioma = '';
var idUsuario = 0;
var linksVisitados = [];
var conexoes = [];
var original = [];

var inicioOrdenacao = -1;
var fimOrdenacao = -1;

var opcoesDroppable = {
		accept: ".drag .dragPercurso",
		/*activeClass: 'droppable-active',
		hoverClass: 'droppable-hover',*/
		drop: function(ev, ui) {
			var id = ui.draggable.attr('id');
			var texto = ui.draggable.find('a:last').html();
			var cor = '';
			var link = ui.draggable.find('a').attr('href');

			if(ui.draggable.hasClass('verde') || ui.draggable.hasClass('verde-over')) {
				cor = 'verde';
			} else if (ui.draggable.hasClass('azul') || ui.draggable.hasClass('azul-over')){
				cor = 'azul';
			} else if (ui.draggable.hasClass('cinza') || ui.draggable.hasClass('cinza')){
				cor = 'cinza';
			} else {
				cor = ui.draggable.css('background').split('/');
				cor = cor[cor.length - 1];
				cor = cor.split('.')[0];
			}

			var liConexao = "<li class='conexao' id='"+id+"' style='background: url(../img/"+cor+".png)'>";
			liConexao += "<a href='#' class='lk-conexao' id='"+texto+"' title='Editar Conex„o'><span class='off'>link conex„o</span></a>";
			liConexao += "<a href='"+link+"'>"+texto+"</a></li>\n";

			conexoes[conexoes.length] = id;
			$('.li-arraste').remove();
			$('.arraste').remove();
			$('#listaConexao').append(liConexao);
			$('ul > li:last').hide().fadeIn(1000).draggable({helper: 'clone'});

			$('#listaConexao').append('<li class="li-arraste"><div></div><span class="off">arraste pra c·</span></li>').hide().fadeIn(1000);

			$('#listaConexao').append("<li class='arraste' style='width: 800px;'>&nbsp;</li>");
			$('.li-arraste').droppable(opcoesDroppable);
			$('.arraste').droppable(opcoesDroppable);

			larguraTotalConexoes += larguraImagem  + paddingImagem;
			$('#listaConexao').sortable('refresh');

			if((larguraTotalConexoes + xAtual) > (larguraTela + 16)) {
				//if ($("#seta_esquerda").attr('class') != 'seta_on') {
					$("#seta_esquerda").removeClass('seta_off').addClass('seta_on');
					$("#seta_esquerda").bind('click',moveConexaoDireita);
					moveConexaoEsquerda();
				//}
			}

			if(conexoes.length > 1) {
				var index = $('.drop ul li').length - 4;
				var textoAntes = $('.drop ul li:eq('+index+')').find('a:last').html();
				var textoDepois = texto;//ui.draggable.find('a').html();
				var saidaTituloUnico = id.split('|');
				var saidaCodigo = saidaTituloUnico[0];
				var saidaSecao = saidaTituloUnico[2];
				saidaTituloUnico = saidaTituloUnico[1];
//console.debug($('.drop ul li:eq('+index+')').find('a').html());
				var entradaLink = $('.drop ul li:eq('+index+')').find('a:last').attr('href');
				var entradaCor = $('.drop ul li:eq('+index+')').css('background');
				var entradaTituloUnico = $('.drop ul li:eq('+index+')').attr('id').split('|');
				var entradaCodigo = entradaTituloUnico[0];
				var entradaSecao = entradaTituloUnico[2];

				entradaTituloUnico = entradaTituloUnico[1];
				entradaCor = entradaCor.split('/');
				entradaCor = entradaCor[entradaCor.length - 1];
				entradaCor = entradaCor.split('.')[0];

				//$('#textoDescricao').val(desc);
				$('#saidaTitulo').val(texto);
				$('#saidaTituloUnico').val(saidaTituloUnico);
				$('#saidaCor').val(cor);
				$('#saidaLink').val(link);
				$('#saidaCodigo').val(saidaCodigo);
				$('#saidaSecao').val(saidaSecao);

				$('#entradaTitulo').val(textoAntes);
				$('#entradaTituloUnico').val(entradaTituloUnico);
				$('#entradaCor').val(entradaCor);
				$('#entradaLink').val(entradaLink);
				$('#entradaCodigo').val(entradaCodigo);
				$('#entradaSecao').val(entradaSecao);
				$('#formIdPercurso').val(idPercurso);

				desabilitaInterface();
				$('#descreveConexao').html(textoAntes+' e '+textoDepois);
				$('#formConexao').show('slow');

				$('.lk-conexao:last').bind('click',function(){
					var desc = $(this).find('span').html();
					var conexaoDepois = $(this).parent().find('a:last').html();
					var conexaoAntes = $(this).parent().prev().find('a:last').html();

					var saidaTitulo = '';
					var saidaLink = $(this).parent().find('a:last').attr('href');
					var saidaCor = $(this).parent().css('background');;
					var saidaTituloUnico = $(this).parent().attr('id').split('|');
					var saidaCodigo = saidaTituloUnico[0];
					var saidaSecao = saidaTituloUnico[2];
					saidaTituloUnico = saidaTituloUnico[1];
					saidaCor = saidaCor.split('/');
					saidaCor = saidaCor[saidaCor.length - 1];
					saidaCor = saidaCor.split('.')[0];

					var entradaLink = $(this).parent().prev().find('a:last').attr('href');
					var entradaCor = $(this).parent().prev().css('background');
					var entradaTituloUnico = $(this).parent().prev().attr('id').split('|');
					var entradaCodigo = entradaTituloUnico[0];
					var entradaSecao = entradaTituloUnico[2];

					entradaTituloUnico = entradaTituloUnico[1];
					entradaCor = entradaCor.split('/');
					entradaCor = entradaCor[entradaCor.length - 1];
					entradaCor = entradaCor.split('.')[0];

					//$('#textoDescricao').val(desc);
					$('#editaSaidaTitulo').val(conexaoDepois);
					$('#editaSaidaTituloUnico').val(saidaTituloUnico);
					$('#editaSaidaCor').val(saidaCor);
					$('#editaSaidaLink').val(saidaLink);
					$('#editaSaidaCodigo').val(saidaCodigo);
					$('#editaSaidaSecao').val(saidaSecao);

					$('#editaEntradaTitulo').val(conexaoAntes);
					$('#editaEntradaTituloUnico').val(entradaTituloUnico);
					$('#editaEntradaCor').val(entradaCor);
					$('#editaEntradaLink').val(entradaLink);
					$('#editaEntradaCodigo').val(entradaCodigo);
					$('#editaEntradaSecao').val(entradaSecao);
					$('#formIdPercurso').val(idPercurso);

					desabilitaInterface();
					$('#descreveEditaConexao').html(conexaoAntes+' e '+conexaoDepois);
					//console.debug('oi '+id);
					$('#descricao').val(desc);
					$('#formEditaConexao').show('slow');
				});
			} else {
				//Registra o inÌcio do percurso.
				var pagina = id+'#@#'+texto+'#@#'+cor+'#@#'+link ;
				$.post( '/percursos/iniciaPercurso.php',
						{idioma: idioma, primeiraPagina: pagina},
						function(resposta) {
//console.debug(resposta);
							$('#idPercurso').html(parseInt(resposta));
							$('.formIdPercurso').each(function() {
								$(this).val(parseInt(resposta));
							});
						},
						'text');
			}
		} // Fim de drop
}; // Fim de opcoesDroppable

function desabilitaInterface() {
	//console.debug('era pra ter parado tudo...');
	$('#limparPercurso').unbind('click');
	$('#publicarPercurso').unbind('click');
	$('.lk-conexao').each(function(){
		$(this).unbind('click');
	});

	$('#limparPercurso').bind('click',mostraMsg);
	$('#publicarPercurso').bind('click',mostraMsg);
	$('.lk-conexao').each(function(){
		$(this).bind('click',mostraMsg);
	});

	/*$('.drag').each(function() {
		$(this).draggable('disable');
	});

	$('.dragPercurso').each(function() {
		$(this).draggable('disable');
	});*/
	$(".li-arraste").droppable('destroy');
	$(".li-arraste").droppable({
									accept: ".drag .dragPercurso",
									/*activeClass: 'droppable-active',
									hoverClass: 'droppable-hover',*/
									drop: function(ev, ui) {
										mostraMsg();
									}
	});

	$('.arraste').droppable('destroy');
	$(".arraste").droppable({
		accept: ".drag .dragPercurso",
		/*activeClass: 'droppable-active',
		hoverClass: 'droppable-hover',*/
		drop: function(ev, ui) {
			mostraMsg();
		}
});

	$('.conexao').each(function() {
		$(this).draggable('disable');
	});

	$('#listaConexao').sortable('disable');
}

function reabilitaInterface() {
	//console.debug('era pra ter parado tudo...');
	$('#limparPercurso').unbind('click');
	$('#publicarPercurso').unbind('click');
	$('.lk-conexao').each(function(){
		$(this).unbind('click');
	});

	$('#limparPercurso').bind('click',function(){
		if(confirm('Tem certeza que deseja limpar esse percurso?')) {
			$.post( '/percursos/limpaPercurso.php',
					{percursoId: idPercurso},
						function(resposta) {
							if(resposta == 'sucesso') {
							//alert("Sucesso");
							$(".conexao").fadeOut(1000, function(){
								$(this).remove();
								larguraTotalConexoes = larguraImagem + paddingImagem;
								conexoes = [];
							});
						} else {
							alert('fracasso!');
						}
				},
				'text');
		} // Fim do if confirm
	});

	$('#publicarPercurso').bind('click',function(){
		$('#formPublicaPercurso').show('slow');

	});

	configuraConexao();

	/*$('.drag').each(function() {
		$(this).draggable('enable');
	});

	$('.dragPercurso').each(function() {
		$(this).draggable('enable');
	});*/
	$(".li-arraste").droppable('destroy');
	$(".li-arraste").droppable(opcoesDroppable);

	$(".arraste").droppable('destroy');
	$(".arraste").droppable(opcoesDroppable);

	$('.conexao').each(function() {
		$(this).draggable('enable');
	});

	$('#listaConexao').sortable('enable');
}

function configuraConexao() {
	$('.lk-conexao').each(function(){
		$(this).bind('click',function(){
			var desc = $(this).find('span').html();
			var conexaoDepois = $(this).parent().find('a:last').html();
			var conexaoAntes = $(this).parent().prev().find('a:last').html();

			var saidaTitulo = '';
			var saidaLink = $(this).parent().find('a:last').attr('href');
			var saidaCor = $(this).parent().css('background');;
			var saidaTituloUnico = $(this).parent().attr('id').split('|');
			var saidaCodigo = saidaTituloUnico[0];
			var saidaSecao = saidaTituloUnico[2];
			saidaTituloUnico = saidaTituloUnico[1];
			saidaCor = saidaCor.split('/');
			saidaCor = saidaCor[saidaCor.length - 1];
			saidaCor = saidaCor.split('.')[0];

			var entradaLink = $(this).parent().prev().find('a:last').attr('href');
			var entradaCor = $(this).parent().prev().css('background');
			var entradaTituloUnico = $(this).parent().prev().attr('id').split('|');
			var entradaCodigo = entradaTituloUnico[0];
			var entradaSecao = entradaTituloUnico[2];

			entradaTituloUnico = entradaTituloUnico[1];
			entradaCor = entradaCor.split('/');
			entradaCor = entradaCor[entradaCor.length - 1];
			entradaCor = entradaCor.split('.')[0];

			//$('#textoDescricao').val(desc);
			$('#editaSaidaTitulo').val(conexaoDepois);
			$('#editaSaidaTituloUnico').val(saidaTituloUnico);
			$('#editaSaidaCor').val(saidaCor);
			$('#editaSaidaLink').val(saidaLink);
			$('#editaSaidaCodigo').val(saidaCodigo);
			$('#editaSaidaSecao').val(saidaSecao);

			$('#editaEntradaTitulo').val(conexaoAntes);
			$('#editaEntradaTituloUnico').val(entradaTituloUnico);
			$('#editaEntradaCor').val(entradaCor);
			$('#editaEntradaLink').val(entradaLink);
			$('#editaEntradaCodigo').val(entradaCodigo);
			$('#editaEntradaSecao').val(entradaSecao);
			$('#formIdPercurso').val(idPercurso);

			desabilitaInterface();
			$('#descreveEditaConexao').html(conexaoAntes+' e '+conexaoDepois);
			//console.debug('oi '+id);
			$('#editaDescricao').val(desc);
			$('#formEditaConexao').show('slow');
		});
	});
}

function moveConexaoEsquerda() {
	xAtual -= (larguraImagem + paddingImagem);
//console.debug('move esquerda: '+xAtual);
	moveLista(xAtual);
	if ((larguraTotalConexoes+xAtual) <= larguraTela + 16 ) {
		$("#seta_direita").removeClass('seta_on').addClass('seta_off');
		$("#seta_direita").unbind('click',moveConexaoEsquerda);
	}
	if(xAtual < -16) {
		$("#seta_esquerda").removeClass('seta_off').addClass('seta_on');
		$("#seta_esquerda").bind('click',moveConexaoDireita);
	}
}

function moveConexaoDireita() {
	xAtual += (larguraImagem + paddingImagem);
//console.debug('move direita: '+xAtual);
	moveLista(xAtual);
	if (xAtual >= 0 ) {
		$("#seta_esquerda").removeClass('seta_on').addClass('seta_off');
		$("#seta_esquerda").unbind('click',moveConexaoDireita);
	}
	if((larguraTotalConexoes+xAtual) > larguraTela + 16) {
		$("#seta_direita").removeClass('seta_off').addClass('seta_on');
		$("#seta_direita").bind('click',moveConexaoEsquerda);
	}
}

function movePercursoDireita() {
	xPercurso -= (larguraImagem + paddingImagem);
//console.debug(xPercurso);
	movePercurso(xPercurso);
	/*console.debug('posicao relativa atual: '+(larguraTotalPercurso+xPercurso));
	console.debug('fator de comparacao: '+(larguraTela));*/
	if ((larguraTotalPercurso+xPercurso) <= larguraTela) {
		$("#seta_direita_acompanha").removeClass('seta_on').addClass('seta_off');
		$("#seta_direita_acompanha").unbind('click',movePercursoDireita);
	}
	if(xPercurso < 0) {
		$("#seta_esquerda_acompanha").removeClass('seta_off').addClass('seta_on');
		$("#seta_esquerda_acompanha").bind('click',movePercursoEsquerda);
	}
}

function movePercursoEsquerda() {
	xPercurso += (larguraImagem + paddingImagem);
//console.debug(xPercurso);
	movePercurso(xPercurso);
	/*console.debug('posicao relativa atual: '+(larguraTotalPercurso+xPercurso));
	console.debug('fator de comparacao: '+(larguraTela));*/
	if (xPercurso >= 0 ) {
		$("#seta_esquerda_acompanha").removeClass('seta_on').addClass('seta_off');
		$("#seta_esquerda_acompanha").unbind('click',movePercursoEsquerda);
	}
	if((larguraTotalPercurso+xPercurso) > larguraTela) {
		$("#seta_direita_acompanha").removeClass('seta_off').addClass('seta_on');
		$("#seta_direita_acompanha").bind('click',movePercursoDireita);
	}
}

function moveHistoricoEsquerda() {
	xAtualLink -= (larguraImagem + paddingImagem);
//console.debug((larguraTotalLinks+xAtualLink));
	moveHistorico(xAtualLink);
	if ((larguraTotalLinks+xAtualLink) <= larguraTela ) {
		$("#seta_direita_historico").removeClass('seta_on').addClass('seta_off');
		$("#seta_direita_historico").unbind('click',moveHistoricoEsquerda);
	}
	if(xAtualLink < 0) {
		$("#seta_esquerda_historico").removeClass('seta_off').addClass('seta_on');
		$("#seta_esquerda_historico").bind('click',moveHistoricoDireita);
	}
}

function moveHistoricoDireita() {
	xAtualLink += (larguraImagem + paddingImagem);
//console.debug((larguraTotalLinks+xAtualLink)+' x: '+xAtualLink);
	moveHistorico(xAtualLink);
	if (xAtualLink >= -16 ) {
		$("#seta_esquerda_historico").removeClass('seta_on').addClass('seta_off');
		$("#seta_esquerda_historico").unbind('click',moveHistoricoDireita);
	}
	if((larguraTotalLinks+xAtualLink) > larguraTela) {
		$("#seta_direita_historico").removeClass('seta_off').addClass('seta_on');
		$("#seta_direita_historico").bind('click',moveHistoricoEsquerda);
	}
}

function moveLista(xDestino) {
	$('#listaConexao').animate({left: xDestino},800,"swing");
}

function moveHistorico(xDestino) {
//console.debug('move historico'+xDestino);
	$('#links-visitados').animate({left: xDestino},800,"swing");
}

function movePercurso(xDestino) {
	//console.debug('move historico'+xDestino);
	$('#listaConexaoAcompanha').animate({left: xDestino},800,"swing");
}

function mostraMsg() {
	alert('Por favor, termine de criar/editar sua conex„o primeiro.');
}