/**
 * @author MATEUS
 */

/**
 * Inicia os objetos
 */
portal = new Object();

portal = {
	
	init: function(){

		portal.menuOver();

		var url = location.href;
		if (url.indexOf("imovelCategoria") != -1) {
			categoria = url.replace(/(.*)imovelCategoria=(.*)/, '$2');
			switch(categoria) {
				case "casa":
					pos=0;
					break;
				case "apartamento":
					pos=137;
					break;
				case "chacara":
					pos=274;
					break;
				case "terreno":
					pos=411;
					break;
				case "sobrado":
					pos=548;
					break;
				case "praia":
					pos=685;
					break;
			}

			$('#sub-menu').show();
			$('#sub-menu').find('li').each(function(){
				if($(this).attr('class')==categoria){
					$('#sub-menu').show().css( { left:pos , display:'block' });
				} else { $(this).hide(); }
			});
		}
		portal.setasCarrossel();
	},
	
	menuOver: function(){

		$('#menu li').hover(function(){
			var position = $(this).position();
			ta = $(this);
						
			var taFinal = $(ta).find('a').attr('href');
			taFinal = taFinal.replace(/#/,"");
			
			$('#sub-menu').show().animate( { left:position.left },{ duration: 500, queue: false });
			$('#sub-menu').find('li').each(function(){
				if($(this).attr('class')==taFinal){
					$(this).show();
				} else { $(this).hide(); }
			});

		});
		
		$('#modulos').hover(function(){
			$("#sub-menu").fadeOut('fast');
		});
	
	},
	
	setasCarrossel: function(){
		
		$('#seta-esq').animate({opacity:0.3},100);
		
		$('#seta-esq').click(function(){
			t = $('#carrossel');
			mL =  parseInt($('#carrossel').css('marginLeft'));
			if(!(mL==0)&(mL%450==0)){
				$(t).animate( { marginLeft:mL+450 },{ duration: 500, queue: true });
				if(mL==-1350) $('#seta-dir').animate({opacity:1},50);
			}
			if(mL==-450) $(this).animate({opacity:0.3},100);
		});
		
		$('#seta-dir').click(function(){
			t = $('#carrossel');
			mL =  parseInt($('#carrossel').css('marginLeft'));
			if(!(mL==-1350)&(mL%450==0)){
				$(t).animate({ marginLeft:mL-450 },{ duration: 500, queue: true });
				if(mL==0) $('#seta-esq').animate({opacity:1},50);
			}
			if(mL==-900) $(this).animate({opacity:0.3},100);
		});
	},

	setaBgGeral: function(id){
		$('#bgGeral').show().css("height", ($("body").height()) + "px");
		$(window).scrollTop(0);
		buscaDados(id);
	},

	hideBgGeral: function(){

		$("#bgGeral").hide();
		$("#div_iframe").remove();
		$("#galeria").hide();

	},
	
	galeria: function(lista){

	var liFotos = "";
	if(lista.cont>0){
		for(var i=1; i<=lista.cont; i++){
			liFotos += '<li><a onclick="loadImage(this,\''+lista.imagens['legenda'+i+'']+'\'); return false;" href="imagens/'+lista.categoria+'/500'+lista.imagens['url'+i+'']+'"><img src="imagens/'+lista.categoria+'/140'+lista.imagens['url'+i+'']+'" /></a></li>';
		}
	}
	
	/* verifica se tem mais que 5 fotos - insere as setas de navegação do carrossel */
	if (lista.cont > 5) {
		var btnLeft = '<div id="btnIntLeft" class="botao" onclick="setasCarrosselLeft();"></div>';
		var btnRight = '<div id="btnIntRight" class="last"  onclick="setasCarrosselRight();"></div>';
	}else{
		var btnLeft = btnRight = "";
	}
		
		
	var topo = 		'<div id="carrossel">';

	var galeria = 		'<div class="base-carrossel">'+
						'	<ul id="carrosselInt">'+
								 liFotos +
						'	</ul>'+
						'</div>';
	var foto = 		'</div>'+
					'<div id="imageBase"><img class="legendaUp" src="imagens/'+lista.categoria+'/500'+lista.imagens['url1']+'" /><p class="legendaInt">'+lista.imagens['legenda1']+'</p></div>';

	htmlFinal = topo +  btnLeft + galeria + btnRight + foto;
	return htmlFinal;
	
	
/*
var galeria = '	<div id="carrossel">'+
		'		<div class="botao"></div>'+
		'		<div class="base-carrossel">'+
		'		<ul>'+
		'		<li><img src="http://localhost/Imobiliaria/imagens/casa/140-imovel-11248309654.jpg" /></li>'+
		'		<li><img src="http://localhost/Imobiliaria/imagens/casa/140-imovel-11248309654.jpg" /></li>'+
		'		<li><img src="http://localhost/Imobiliaria/imagens/casa/140-imovel-11248309654.jpg" /></li>'+		
		'		</div>'+		
		'		<div class="last"></div>'+
	
		'	</div>'+
		'	<div id="foto"></div>';

*/

	},
	
	sendForm: function(){
		
		$.fn.clearForm = function() {
			return this.each(function() {
			var type = this.type, tag = this.tagName.toLowerCase();
			if (tag == 'form')
				return $(':input',this).clearForm();
			if (type == 'text' || type == 'password' || tag == 'textarea')
				this.value = '';
			else if (type == 'checkbox' || type == 'radio')
				this.checked = false;
			});
		};
		
		$('#send-msg').submit(function(){
			var dados = "";
			var vazio = "";
			for (var i = 0; i < 5; i++) {
				if ((this[i].value == 0)&&(i!=1)) {
					vazio += this[i].name + "\n";
				}
				dados += this[i].name + "=" + this[i].value + "&";
			}
			if (vazio != "") {
				alert("Campos em branco: \n" + vazio);
				return false;
			}else{
				$.ajax({
					type: "POST",
					url: "formulario.php",
					data: dados,
					success: function(msg){
						$('.enviada').html('Mensagem enviada corretamente!');
						$('#send-msg').clearForm();
						setTimeout(function(){
							$('.enviada').html('')
						},10000);
					}
				});
				return false;
			}
		});

	}

}

$(function(){
	portal.init();
	portal.sendForm();
});


buscaDados = function(id){
	
	$.ajax({
		type: "POST",
		url: "getImovel.php?id="+id+"",
		data: "name=John&location=Boston",
		success: function(lista){
			imoveisMarkup(lista);
		}
	});
	
	
	
}

imoveisMarkup = function(lista){

var lista = eval('(' + lista + ')');

portal.galeria(lista);

var html = '<div id="div_iframe">'+
		'<div id="boxInfo">'+
		'	<div id="topo">'+
		'		<div class="col-esq">'+
		'		<div class="titulo">'+
		'			<img src="imagens/casas.gif" />'+
		'			<h2>'+lista.categoria+'</h2>'+
		'		</div>'+
		'		<div class="dados">'+
		'			<p>PREÇO:<span> R$ '+lista.preco+'</span></p>'+
		'			<p>BAIRRO: <span>'+lista.bairro+'</span></p>'+
		'			<p>CIDADE: <span>'+lista.cidade+', '+lista.estado+'</span></p>'+
		'		</div>'+
		'	</div>'+
		'		<div class="col-dir">'+
		'			<p>'+lista.descricao+'</p>'+
		'		</div>'+
		'	</div>'+
		htmlFinal +
		'</div>'+

		'</div>';


			$(html).css({

				display: 'none',

				background: '#fff'

			}).show().prependTo("body");
		$('#btnIntLeft').animate({opacity:0.3},100);
		
}

loadImage = function(img,descr){

	$.fn.image = function(src, f, e){
		$("#imageBase").find('img').remove();
		var i = new Image();
		var t = $(this);
		$(i).animate({opacity:0},0).load(function(){
			t.append($(this));
			f();
		}).error(e).attr('src', src);
		
	}
	
	function callBack(){
		//$(base).find(".loading").hide();
		$("#imageBase").find("img").animate({
			opacity: 1
		}, 1000);
		$('.legendaInt').html(descr);
	}
	
	function error(){
		console.log("something wrong");
	}
	
	/*
	$(img).parent().parent().find("li").each(function(){
		$(this).removeClass("sel");
	});
	
	$(img).parent().addClass("sel");
	
	$(base).find(".loading").show();
	*/
	$("#imageBase").find("img").animate({
 		opacity: 0.3
 	}, 100);
 	$("#imageBase").image(img.href, callBack, error);
	
	return false;

}

setasCarrosselLeft = function(){
	t = $('#carrosselInt');
	$(t).animate( { marginLeft:0 },{ duration: 500, queue: true });
	$('#btnIntLeft').animate({opacity:0.3},100);
	$('#btnIntRight').animate({opacity:1},100);
}

setasCarrosselRight = function(){
	t = $('#carrosselInt');
	$(t).animate( { marginLeft:-660 },{ duration: 500, queue: true });
	$('#btnIntRight').animate({opacity:0.3},100);
	$('#btnIntLeft').animate({opacity:1},100);
}