//Scroll
var atual = [1,1,1,1,1];
var bloqueado = false;
var qtde_exibir = 3;
function appendLi(ul, item){
	var url =  $("#url_dir").val(); //$("#url_dir").val();
	var li = $(document.createElement("li"));
	var html = '';
	html +=	'<a href="/imoveis/detalhe/'+item.url+'"><img src="/images/empreendimentos/'+item.thumb+'" width="194" height="164" alt="'+item.titulo+'" title="'+item.titulo+'" /></a>';
	html +=	'<p class="localizacao">'+item.cidade +' | '+ item.cigla+'</p>';
	html +=	'<p class="nome">'+item.titulo+'</p>';
	if (item.dormitorio) html += '<p class="dormitorios">'+item.dormitorio+' dormitório(s)</p>';
	if (item.area) html +=	'<p class="metragem">'+item.area+' m<sup>2</sup></p>';
	html +=	'<a href="javascript:abrir_chat_online(\'Home - '+item.titulo+'\');">';
	html +=	'	<img src="'+url+'images/tenda-box-empreendimento-chat-online.gif" width="81" height="16" alt="Chat Online" title="Chat Online" class="chat-online" />';
	html +=	'</a>';
	html +=	'<a href="javascript:void(0);" onclick="abrir_formulario_contato(\''+url+'\',\''+item.url+'\');" title="envie por e-mail">';
	html +=	'	<img src="'+url+'images/tenda-box-empreendimento-indique.gif" width="55" height="16" alt="E-mail" title="E-mail" class="email" />';
	html +=	'</a>';
	li.addClass("empreendimento");
	li.css('left', '0px');
	li.html(html);
	var length = $(ul).find("li").length;
	if (length > 3) {
		$(ul).find("li:eq(3)").before(li);
	}
	else {
		$(ul).append(li);
	}
}
function setupUl(ul, mascara){
	$(ul).css('overflow','auto');
	$(mascara).css('overflow' , 'hidden').css('position' , 'relative');
	var maxaltura = 0;
	var altura = 0;
	var largura = 0;
	$(ul).find("li").each(function() {
		largura += numero( $(this).css("width") );
		largura += numero( $(this).css("padding-right") ) + numero( $(this).css("padding-left") );
		largura += numero( $(this).css("margin-right") ) + numero( $(this).css("margin-left") );
		altura = numero( $(this).css("height") );
		altura += numero( $(this).css("padding-top") ) + numero( $(this).css("padding-bottom") );
		altura += numero( $(this).css("margin-top") ) + numero( $(this).css("margin-bottom") );
		maxaltura = Math.max( altura , maxaltura );
	});
	if (!isNaN(maxaltura))
		$(mascara).height(maxaltura);
	$(ul).width(largura + 50);
}

function setupArrows(ul, id, mascara){
	var br = $(ul).find("br.clear");
	//var url = $("#url_dir").val();
	var url =  "/application/views/site2/"
	var setae = $('<div class="seta-e none seta-e-' + id + '"><img src="' + url + 'images/tenda-box-empreendimento-seta-esquerda.gif" width="44" height="82" alt="Esquerda" title="Esquerda" /></div>');
	$(setae).css("cursor" , "pointer").click(function() {
		if (bloqueado) return;
		bloqueado = true;
		update(id, ul, mascara, function() {
			var p = $(ul).find("li:first");
			var total = $(ul).find("li").length;
			$(ul).find("li:gt(" + (total - qtde_exibir - 1) + ")").each(function(i , item) {
				$(p).before($(this));
			});
			$(ul).css("left" , ($(p).position().left * -1) + "px");
			$(ul).animate( {"left":"0px"} , 1000 , function() {
				bloqueado = false;
			});
		});
	});	
	var setad = $('<div class="seta-d none seta-d-' + id + '"><img src="' + url + 'images/tenda-box-empreendimento-seta-direita.gif" width="44" height="82" alt="Direita" title="Direita" /></div>');
	$(setad).css("cursor" , "pointer").click(function() {
		if (bloqueado) return;
		bloqueado = true;
		update(id, ul, mascara, function() {
			var p = $(ul).find("li:eq("+qtde_exibir+")");
			var l = $(p).position().left * -1;
			$(ul).animate({"left":l+"px"}, 1000, function() {
				$(ul).find("li:lt("+qtde_exibir+")").each(function(i , item) {
					$(ul).append($(this));					
				});
				$(ul).css('left','0px');
				bloqueado = false;
			});
		});		
	});
	$(mascara).parent().append(setae);
	$(mascara).parent().append(setad);
}
function update(id, ul, mascara, callback){
	atual[id]++;
	var aurl = "/showcase-api/"+ul.attr("id")+"/"+atual[id]+"/3";
	$.ajax({url:aurl, dataType:"json", success:function(data){
			$.each(data.emps, function(i, item){
				if (item != null) appendLi(ul, item);
			});
			setupUl(ul, mascara);
			callback();
		}});
}
function configurarScroll(menu , itens , inicial){
	var count = 0;
	if (!inicial) inicial = 0;
	//MENU SCROLL
	$(menu).find(".item")
	.css('cursor' , 'pointer')
	.hover(
		function(){
			$(this).removeClass("item-off");
		},
		function()
		{
			if (!$(this).hasClass("item-on"))
			{
				$(this).addClass("item-off");
			}
		}
	).click(function(){
		$(menu).find(".item").removeClass("item-on").addClass("item-off");
		$(this).removeClass("item-off").addClass("item-on");
		var i = $(menu).find(".item").index( $(this) );
		$(itens).find(".mascara-scroll:lt(" + i + ") , .mascara-scroll:gt(" + i + ")").addClass("none");
		$(itens).find(".mascara-scroll:eq(" + i + ")").removeClass("none");
		$(itens).find(".mascara-scroll:eq(" + i + ") li").css("left" , "0px");
		$(itens).find(".seta-e").addClass("none");
		$(itens).find(".seta-e-" + i).removeClass("none");
		$(itens).find(".seta-d").addClass("none");
		$(itens).find(".seta-d-" + i).removeClass("none");
	});

	$(itens).find("ul").each(function() {
		var ul = $(this);
		var id = $(itens).find("ul").index($(ul));
		$(this).wrap('<div class="mascara-scroll none" />');
		var mascara = $(this).parent();
		$(ul).css("position" , "absolute").removeClass('none');
		var aurl = "/showcase-api/"+ul.attr("id")+"/"+atual[id]+"/6";
		$.ajax({url:aurl, dataType:"json", success:function(data){
			$.each(data.emps, function(i, item){
				if (item != null) appendLi(ul, item);
			});
			setupUl(ul, mascara);
			if (data.emps.length <= qtde_exibir) return;
			setupArrows(ul, id, mascara);
			$(menu).find(".item:eq(" + inicial + ")").trigger('click');
		}});
	});
}
function numero(n) {
	n = /[0-9]{1,}/.exec( n.toString() );
	return parseInt(n);
}