// JavaScript Document

var paginas = function(){
	var totalPag = ($("#prod_list_produtos ul li:visible").length / 10);

	$("#prod_list_produtos ul").css({marginTop: 0});

	$("#listPagina").html('');
	for(i = 1;i<=Math.ceil(totalPag);i++){
		$("#listPagina").append("<option>"+i+"</option>");
	}
}

var init = {
	
	start : function()
	{
		init.makeSelect("#combo_cat");
		init.makeSelect("#combo_sub");
		init.makeSelect("#combo_tipo");
		init.makeSelect("#combo_arquiteto");
		
		//init.makeScroll("#prod_list_produtos");
		//init.makeScroll("#prod_list_categorias");
		
		init.imageSwap("#foto", "#lst-fotos");
		init.imageSwap("#prod_foto", "#prod_thumbs");
		
		init.produtos();

		init.fundo();
		init.dropdown();
		init.adicionarBordas();
		
	},

	adicionarBordas : function ()
	{
		$('.prod_list a').append('<span class="borda"></span>');

		$('#foto').append('<span class="borda"></span>');
		$('#lst-fotos a').append('<span class="borda"></span>');

		$('#proj_foto').append('<span class="borda"></span>');
		$('#proj_list .foto a').append('<span class="borda"></span>');
		
		$('#prod_foto').append('<span class="borda"></span>');
		$('#prod_thumbs a').append('<span class="borda"></span>');
		

		/* opacidade */
		$('.borda').css('opacity', 0.3);
		$('.borda').hover(
			function(){	$(this).css('opacity', 0.2); }, 
			function(){ $(this).css('opacity', 0.3); }
		);
		
	},

	dropdown : function ()
	{
		$('#mnp li').hover(function(){
			$(this).addClass('over');
		}, function(){
			$(this).removeClass('over');
		});
	},
	
	fundo : function ()
	{
		var fundos = 3; /* numero de fundos */

		fundoAleatorio = Math.ceil(Math.random()*fundos);
		fundoAleatorio = "/images/bg-" + fundoAleatorio + ".jpg";
		//alert(fundoAleatorio);

		if ($.browser.msie && $.browser.version == 6.0){
			/* Se for ie, mostrar imagem de fundo normal */
			$('#fnd').css('background-image', ('url(' + fundoAleatorio + ')'));
			return;
		}
		$.backstretch(fundoAleatorio); /* Fundo redimensionável */
	},
	
	/* Scripts para página Produtos */
	produtos : function()
	{
		/* mostrar a tabela linha completa */
		$("#bt_linha_completa").click(
		function(){
			$("#tbl_linha_completa").slideToggle(500);
			return false;
		});
		
		/* fechar tabela */
		$("#bt_fechar_linha_completa").click(function(){
			$("#tbl_linha_completa").slideToggle(500);
			return false;
		});

		/* Botão voltar 
		$("#btn_voltar").click(function(){
			history.back();
			return false;
		});
		*/
		/* Botão imprimir */
		$("#btn_imprimir").click(function(){
			window.print();											 
			return false;
		});
	
	},
	
	/* Galeria de Imagens Páginas Internas */
	imageSwap : function(foto, lista)
	{
		$("a", lista).click(function(){		 

			/* Captura a legenda da imagem */
			var legenda = $(this).find("img").attr("alt");
			//alert(title);
			
			/* Captura o link da imagem */
			var imgLink = $(this).attr("href");
			
			/* Fade out */
			$("img", foto).fadeOut(200, function(){
				$(this).attr("src", ""); // chrome fix
				changeImage(imgLink, legenda);													
			});
			
			return false;
		});
		
		/* Carrega e exibe a imagem */
		function changeImage(imgLink, legenda) {
			
			/* preload */
			$("img", foto).load(function(){
				$(this).fadeIn(500);
				$("#legenda").text(legenda);
			});
			/* load */
			$("img", foto).attr("src", imgLink);
		}
	},
	
	/*Configura Combos coustomizaveis*/
	makeSelect : function(id)
	{
	
		$(document).mousedown(function(event){
			if ($(event.target).parents(id).length === 0){
				$("div", id).hide();
			}
		});
	
		$("div", id).css({
			display : "none"
		});
	
		
		$("input:text", id).click(function(){
			$("div", id).toggle();
			$(this).blur();
		});
		
		$("div ul li", id).click(function(){
			
			$("input:text", id).val($(this).html());
			
			$("input:hidden", id).val($(this).attr("rel"));

			if ($(this).parents('div').attr("id") == 'subcatLista') {
			
				if($(this).html() != "Todos") {
					$("#prod_list_produtos li").hide();
					$("#prod_list_produtos li p:contains('"+$(this).html()+"')").parents("li").show();
					//paginas();
					$("#paginacao").html('');
					$("ul", "#prod_list_produtos").animate({
						top : 0
					}, 0);
					$('#paginacao').remove();
					$("#prod_list_produtos").paginator({
						itensPage	: 10,
						timeScroll	: 1000,
						position	: "vertical"
					});
				} else {
					$("#prod_list_produtos li").show();
					$("#paginacao").html('');
					
					$("ul", "#prod_list_produtos").animate({
						top : 0
					}, 0);
					//paginas();
					$('#paginacao').remove();
					$("#prod_list_produtos").paginator({
						itensPage	: 10,
						timeScroll	: 1000,
						position	: "vertical"
					});
				}
			}
			$("div", id).toggle();
			
		});
	
	},
	
	makeScroll : function(id)		
	{
		
		if($(id).attr("id")){
	
			
			if($("ul li:visible",id).length > 10) {
			
				paginas();
			
				$(id).parent().append("<input type=\"button\" id=\"left\" value=\"<<\" /><input type=\"button\" id=\"right\" value=\">>\" />")
			
				$("#left").live("click",function(){
					$("#left").attr("disabled","disabled");
					$("#listPagina").val((Number($("#listPagina").val()) - 1));
					$("ul",id).animate(
						{ marginTop : (-221 * 2 * ($("#listPagina").val()-1)) },
						300,
						function(){
							$("#left").removeAttr("disabled");
						}
					);
				});
			
				$("#right").live("click",function(){
					$(this).attr("disabled","disabled");
					$("#listPagina").val((Number($("#listPagina").val()) + 1));
					$("ul",id).animate(
						{ marginTop : (-221 * 2 * ($("#listPagina").val()-1)) },
						300,
						function(){
							$("#right").removeAttr("disabled");
						}
					);
				});
			
				$("#listPagina").live("change",function(){
					$("ul",id).animate({
						marginTop : (-221 * 2 * ($(this).val()-1))
					}, 300);
				});
			}
			//$(id).parent().append("<input type=\"button\" id=\"left\" value=\"<<\" /><input type=\"button\" id=\"right\" value=\">>\" />");
			
			
			
			
/*
			var itens = 0;
			var itenSize = $("ul li", id).css("width");
			itemSize = parseInt(itenSize.substr(0, itenSize.length - 2)) + 14;
			var areaScroll = $(id).css("width");
			areaScroll = parseInt(areaScroll.substr(0, areaScroll.length - 2));
	
			
			$("ul li", id).each(function(){
				itens ++;
			});
			
			if(itens % 2 == 1){
				itens ++;	
			}
			
			var scroller = (itens * itemSize) / 2;
			
			$("ul", id).css({
				width 	: scroller,
				position : "relative"
			});
			
			$(id).parent().append("<input type=\"button\" id=\"left\" value=\"<<\" /><input type=\"button\" id=\"right\" value=\">>\" />");
			
			$("#left").click(function(){
				position = $("ul", id).css("left");
				position = parseInt(position.substr(0, position.length - 2));
				
				if(position < 0){
					$("ul", id).animate({
						left : position + (itemSize * 5)
					}, 1000);
				}
			});
			
			$("#right").click(function(){
				position = $("ul", id).css("left");
				position = parseInt(position.substr(0, position.length - 2));
	
				if(position > -(scroller - areaScroll)){
	
					$("ul", id).animate({
						left : position - (itemSize * 5)
					}, 1000);
				}
			});
			*/
		}
	}

}

$(function(){
	init.start();	
});