$(document).ready(function(){
	
	$("#global-navigation li a:not(.selected)").live('click', function(){
		$("#global-navigation li a").stop().animate({fontSize: "11px",color: "#949494"},100).removeClass("selected");
		$(this).stop().animate({fontSize: "15px",color: "#FFFFFF"},100).addClass("selected");
		var URL = $(this).attr("href").replace("#", "");
		PrepareSite(URL);
	});
	
	$("#global-navigation li a[class!=selected]").live('mouseenter', function(){
		$(this).stop().animate({fontSize: "15px",
				color: "#FFFFFF"},
				100);
	});
	$("#global-navigation li a[class!=selected]").live('mouseout', function(){
		$(this).stop().animate({fontSize: "11px",
			color: "#949494"},
			100);
	});
	
	
	
	$("#thumbnails .thumbnail").live('click', function(){
		var image = $(this).attr("src");
		var imageID = $(this).attr("id").replace("thumb_", "");
		var image_tag = "<img src='" + image + "' alt='' width='710' height='400' id='image_" + imageID + "' />";
		if($(".content-space #image_stage img").attr("src") != $(this).attr("src")){
			if($(".content-space #image_stage img").length > 0){
				$(".content-space #image_stage img").fadeOut('fast', function(){
					$(".content-space #image_stage img").remove();
					$(".content-space #image_stage").append(image_tag);
					$(".content-space #image_stage img").hide().fadeIn('fast');
					if($("#image_stage").width() == 710){
						$(".content-space #image_stage img").css("margin-left", "0px");
					}
					if($(".content-space .portfolio").is(':visible')){
						$(".content-space .portfolio-bg").fadeOut("fast");
						$(".content-space .portfolio:visible").fadeOut("fast",function(){
							$(".content-space .portfolio-bg").fadeIn("fast");
							var portfolioObject = $(".portfolio#[id='portfolio_" + imageID + "']");
							portfolioObject.fadeIn('fast');
						});
					}
					var counter = 0; 
					counter = $("#image_stage img").attr("id").replace("image_","") + " de " + ($("#thumbnails img").size() - 2);
					$("#image-counter").text(counter);
				});				
			}else{
				$(".content-space #image_stage").append(image_tag).fadeIn('fast');
				if($("#image_stage img").attr("id") != undefined){
					var counter = $("#image_stage img").attr("id").replace("image_","") + " de " + ($("#thumbnails img").size() - 2);
					$("#image-counter").text(counter);
				}
			}
		}
	});
	
	
	
	$("#control a#zoom").live('click', function(){
		if($("#image_stage").width() == 350){
			$(this).text("Retornar ao menu");
			$(this).animate({
				"font-size":"14px",
				"color":"#F13F35",
				"background-position": "0px 7px"
			}, 100);
			$(".menu-space").fadeOut(200);
			$("#global-navigation-bg").fadeOut(200);
			$("#content").append("<img src='images/seta_direita.png' id='next-image' alt='' />");
			$("#content").append("<img src='images/seta_esquerda.png' id='previous-image' alt='' />");
			$("#content #next-image, #content #previous-image").hide().fadeIn(200);
			
			$("#global-navigation").fadeOut(200, function(){
				$(".content-space").animate({
					width: "710px"
				}, 200);
				$("#image_stage").animate({
					width: "710px"
				}, 200);
				$("#image_stage img").animate({
					marginLeft: "0px"
				}, 200);
				$(".portfolio").animate({left: "360px"}, 200);
				$(".portfolio-bg").animate({left: "360px"}, 200);
			});
			
			
		}else{
			$(this).text("Aumentar");
			$(this).animate({
				"font-size":"10px",
				"color":"#000000",
				"background-position": "0px 4px"
			}, 100);
			
			if($(".portfolio-bg").is(":visible")){
				$("#control a#producao").trigger('click');
			}
			
			$(".content-space").animate({
				width: "350px"
			}, 200);
			$("#image_stage").animate({
				width: "350px"
			}, 200);
			$("#image_stage img").animate({
				marginLeft: "-175px"
			}, 200, function(){
				$(".menu-space").fadeIn(200);
				$("#global-navigation").fadeIn(200);
				$("#global-navigation-bg").fadeIn(200);
			});
			$(".portfolio").animate({left: "0px"}, 200);
			$(".portfolio-bg").animate({left: "0px"}, 200);
			$("#content #next-image, #content #previous-image").fadeOut(200,function(){
				$(this).remove();
			});
		}
	});
	
	
	
	$("#control a#producao").live('click', function(){
		$(this).text("Ocultar detalhes");
		$(this).animate({
			"font-size":"14px",
			"color":"#F13F35",
			"background-position": "0px 7px"
		}, 100);
		var porfolioID = $("#image_stage img").attr("id").replace("image_","");
		var portfolioObject = $(".portfolio#[id='portfolio_" + porfolioID + "']");
		if(portfolioObject.css("display") == "none"){
			$(".portfolio").fadeOut('fast');
			$(".portfolio-bg").fadeOut('fast');
			portfolioObject.fadeIn('fast');
			$(".content-space").append("<div class='portfolio-bg'></div>");
			if($("#image_stage").width() > 350){
				$(".portfolio-bg").css("left", "360px");
			}
			$(".portfolio-bg").fadeIn('fast');
		}else{
			$(".portfolio-bg").fadeOut('fast',function(){
				$(".content-space .portfolio-bg").remove();
			});
			$(this).animate({
				"font-size":"10px",
				"color":"#000000",
				"background-position": "0px 4px"
			}, 100, function(){
				$(this).text("Mostrar detalhes");
			});
			portfolioObject.fadeOut('fast');
		}
	});
	
	$("#contato input[type='button'][value='Enviar']'").live('click', function(){
		$(this).parents("form").find("input[type='text']").css("background", "#FFFFFF");
		if($("#nome").val() == ""){
			$("#nome").css("background", "#DE7777");
			$("#nome").focus();
		}else{
			var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
			if($("#email").val() == "" || (filter.test($("#email").val()))){
				$("#email").css("background", "#DE7777");
				$("#email").focus();
			}else{
				if($("#mensagem").val() == ""){
					$("#mensagem").css("background", "#DE7777");
					$("#mensagem").focus();
				}else{
					$(this).parents('form').trigger("submit");
				}
			}
		}
	});
	$("#contato").live('submit', function(){
		
		$.ajax({
			url: "mail.php",
			data: {nome: $(this).find("#nome").val(), email: $(this).find("#email").val(), mensagem: $(this).find("#mensagem").val()},
			type: "POST",
			success: function(data){
				alert(data);
			},
			error: function(data){
				alert("Erro ao enviar o e-mail");
			},
			async:true
		});
		
		return false;

	});
	
	$("#contato input[type='button'][value='Limpar']'").live('click', function(){
		$("#nome, #email, #mensagem").val("");
	});
	
	$("#proximo").live('click',function(){
		if($(".thumbnail:last").is(":hidden")){
			$(".thumbnail:visible:first").css("display", "none");
			$(".thumbnail:visible:last").next().css("display", "inline");
		}
	});
	$("#anterior").live('click',function(){
		if($(".thumbnail:first").is(":hidden")){
			$(".thumbnail:visible:last").css("display", "none");
			$(".thumbnail:visible:first").prev().css("display", "inline");
		}
	});
	
	$("#next-image").live('click', function(){
		var selectedImage = "#" + $("#image_stage img").attr("id").replace("image_", "thumb_");
		
		if($(selectedImage).next().is(":hidden"))
			$("#proximo").trigger("click");
		
		$(selectedImage).next().trigger("click");
	});
	
	$("#previous-image").live('click', function(){
		var selectedImage = "#" + $("#image_stage img").attr("id").replace("image_", "thumb_");
		
		if($(selectedImage).prev().is(":hidden"))
			$("#anterior").trigger("click");
		
		$(selectedImage).prev().trigger("click");
	});
	
	$(".image_stage img").live('click', function(){
		$("#zoom").trigger("click");
	});
	
	PrepareSite();
});

function PrepareSite(URL){
	if(!URL){
		var URL = GetUrl();
	}else{
		var URL = URL;
	}
	
	$.ajax({
        type: "GET",
	url: "dados/dados.xml",
	dataType: "xml",
	success: function(xml) {
									   
		var page = $(xml).find("pagina[nome='" + URL + "']");
		
		$(".menu-space").fadeOut("fast",function(){
			$(this).css("background-image", "url('images/" + menuBg + "')").fadeIn("fast");
		});
		
		if(page.length == 0){
			page = $(xml).find("pagina[nome='home']");
		}
		var menuBg = page.attr("fundoMenu");
		var content = page.find("conteudo").text();
		
		if($("#thumbnails").length > 0){
			//$("#thumbnails").empty();
			$("#thumbnails").find('.thumbnail').each(function(){
				$(this).remove();
			});
			$("#image_stage").remove();
			$("#thumbnails").fadeOut("fast");
			$("#control").fadeOut('fast');
			$("#control").find("#image-counter").empty();
		}
		
		if(page.find("galeria").length > 0){
			$("#thumbnails").fadeIn('fast');
			$("#control").fadeIn('fast');
			page.find("galeria item").each(function(index){
				var image = $(this).find("imagem").attr("fonte");
				$("#thumbnails #proximo").before("<img src='" + image + "' class='thumbnail' alt='' width=50 height=50 id='thumb_" + (index + 1) + "' />");
				
				var conteudo = $(this).find("producao").text();
				content += "<div class='portfolio' id='portfolio_" + (index + 1) + "'>" + conteudo + "</div>";
			});
			
			content += "<div id='image_stage'></div>";
			for(var i = 0; i <= 5; i++){
				$("#thumbnails .thumbnail").eq(i).css("display", "inline");
			}
		}

		
		$("#global-navigation li a[href$='" + URL + "']").addClass("selected");
		
		if($(".content-space .inner_content").length == 0){
			$(".content-space").empty().append(content);
			$(".content-space div").animate({left : "0px"}, 200, function(){
				if($("#thumbnails .thumbnail:eq(0)").is(":visible")){
					$("#thumbnails .thumbnail:eq(0)").trigger("click");
				}
			});
		}else{
			$(".content-space div").stop().animate({
				left: "350px"
			},200,function(){
				$(".content-space").empty().append(content);
				$(".content-space div").css("left","350px").animate({left : "0px"}, 200);
				$("#thumbnails .thumbnail:eq(0)").trigger("click");
			});
		}
	}
	
	
,error: function(xml) {
	alert(xml);
	}
});
}

function GetUrl(){
	
	var myFile = document.location.toString();
	
	var myAnchor = "";
	
	if (myFile.match('#')) {
	  var myAnchor = '#' + myFile.split('#')[1];
	  myAnchor = myAnchor.replace("#","");
	}

	if(myAnchor == ""){
		myAnchor = "HOME"
	}
	
	
	myAnchor = myAnchor.toLowerCase();
	
	return myAnchor;
}

$("#contato_link").live('click',function(){
	$("#link_contato").trigger('click');
});

$.fn.wait = function(time, type) {
    time = time || 1000;
    type = type || "fx";
    return this.queue(type, function() {
        var self = this;
        setTimeout(function() {
            $(self).dequeue();
        }, time);
    });
};