$(function(){
		carregaTopo();
		
		carregaAmigos();
		
		carregaJobs();
		
});

function carregaTopo(){
	$.ajax({
				url: "xml/topo.xml",
				dataType: "xml",
				success: function(resp){
					var config = $("config", resp);
					var html = "<p>"+config.children("texto").attr("txt")+"</p>";
					html = html.replace(/\[/gi, "<");
					html = html.replace(/\]/gi, ">");
					html += config.children("curriculo").length > 0 ? '<a href="'+config.children("curriculo").attr("link")+'" target="_blank">'+config.children("curriculo").text()+'</a>' : '';
					html += '<ul><li class="titulo">'+config.children("follow").attr("titulo")+'</li>';
					var follows = config.find("follow link");
					var follow;
					for(var i = 0; i < follows.length; i++){
						follow = $(follows[i]);
						html += '<li><a href="'+follow.attr("href")+'" target="_blank"><img src="'+follow.attr("img")+'" /></a></li>';
					}
					html +='</ul>';
					$("#header #perfil").empty().append(html);
				}
	});
}


function carregaAmigos(){
	$.ajax({
				url: "xml/amigos.xml",
				dataType: "xml",
				success: function(resp){
					var config = $("config", resp);
					var html = '<li class="titulo">'+config.children("titulo").text()+'</li>';
					var amigos = config.children("amigo");
					var amigo;
					for(i =0; i < amigos.length; i++){
						amigo = {self: $(amigos[i]).attr("link")};
						amigo.link = amigo.self.indexOf("http://") == -1 ? "http://"+amigo.self : amigo.self;
						amigo.nome = amigo.self.indexOf("http://") == -1 ? amigo.self : amigo.self.replace(/http:\/\//gi,"");
						html += '<li><a href="'+ amigo.link +'" target="_blank">'+ amigo.nome +'</a></li>';
					}
					$("#corpo #menu ul.amigos").empty().append(html);
				}
	});
}

function carregaJobs(){
	$.ajax({
				url: "xml/jobs.xml",
				dataType: "xml",
				success: function(resp){
					var config = $("config", resp);
					var html = '', lista = '';
					var jobs = config.children("job");
					var job, imagens;
					for(i=0; i < jobs.length; i++){
						job = $(jobs[i]);
						if(i == 0){
							html +=	'<div class="itens ativo">';
							lista += '<li><a href="#" class="ativo">'+job.children("titulo").text()+'</a></li>'
						} else {
							html +=	'<div class="itens">';
							lista += '<li><a href="#">'+job.children("titulo").text()+'</a></li>'
						}
						html += '<div class="titulo"><span>';
						html += job.children("titulo").text();
						html += '</span><p>'+ job.children("descricao").text().replace(/\[/gi, "<").replace(/\]/gi, ">") +'</p></div>';
						imagens = job.find("imagens img");
						for(j=0; j < imagens.length; j++){
							html+= '<img src="'+$(imagens[j]).attr("src")+'" alt="" />';
						}
						html += '</div>';
					}
					$("#corpo #menu ul.menu").empty().append(lista);
					$("#conteudo .topo").empty().append(html);
					bindJobs();
				}
	});
}

function bindJobs(){
	$("#corpo #menu ul.menu li a").click(function(){
		$("#conteudo .topo .ativo").removeClass("ativo");
		$("#conteudo .topo .itens:eq("+$(this).parent("li").posicao()+")").addClass("ativo");
		$("#corpo #menu ul.menu li a.ativo").removeClass("ativo");
		$(this).addClass("ativo");
		return false;
	});
}


$.fn.posicao = function(){
	var pai = this.parent();
	for(var i = 0; i < pai.children().length; i++){
		var c = pai.children(":eq("+i+")");
		if(this[0] == c[0]){
			return i;
		}
	}
}