//////////////
// No Label //
//////////////
dmNoLabel = {
	init: function(){
		$(".noLabel").each(function(){
			$(this).addClass("vazio");
			dmNoLabel.buffer[$(this).attr("id")] = $(this).val();
			$(this).unbind('focus',dmNoLabel.foco).unbind('blur',dmNoLabel.desfoco).bind('focus',dmNoLabel.foco).bind('blur',dmNoLabel.desfoco);
		}).parents("form:eq(0)").unbind('submit',dmNoLabel.formulario).bind('submit',dmNoLabel.formulario);
	},
	
	buffer: {},
	
	foco: function(obj){
		obj = typeof($(obj).attr("id")) == "undefined" ? this : obj;
		if($(obj).hasClass("vazio")){
			if($(obj).is("textarea")){
				$(obj).html("");
			}else{
				$(obj).val("");
			}
			$(obj).removeClass("vazio");
		}
	},
	
	desfoco: function(){
		if($.trim($(this).val()) == ""){
			if($(this).is("textarea")){
				$(this).html(dmNoLabel.buffer[$(this).attr("id")]);
			}else{
				$(this).val(dmNoLabel.buffer[$(this).attr("id")]);
			}
			$(this).addClass("vazio");
		}
	},
	
	formulario: function(){
		$(".vazio",this).each(function(){
			dmNoLabel.foco(this);
		});
		return true;
	}
}

//////////////////
// ScrollPages //
////////////////
$.extend({
	scrollPages: {
		autor: "Agência DMK",
		version: 2.5,
		defaults: {
			elementSize: 50,
			elements: 3,
			speed: "slow",
			direction: "up"
		}
	}
});
$.fn.extend({
	scrollPages: function(options){
		options = $.extend({}, $.scrollPages.defaults, options);
		return this.each(function(){
			
			// Definições de variáveis
			var total = $(".scrollMask li",this).length;
			var mask = options.elementSize * options.elements;
			var area = options.elementSize * total;
			var animation = false;
			var obj = this;
			var dimension = options.direction == "left" ? "width" : "height";
			var side = new Array();
			side[0] = options.direction;
			side[1] = options.direction == "up" ? "down" : "right";
			
			$(".scrollButtom",this).css("visibility","visible");
			if(options.elements >= total){
				$(".scrollButtom",this).css("visibility","visible");
				mask = area;
			}else{
				$(".scrollButtom[rel*='"+options.direction+"']",obj).css("visibility","hidden");
			}
			
			// Aplicação de estilos
			if(options.direction == "up"){
				//$(".scrollMask",this).css({"height": mask + "px", overflow: "hidden"}); // Máscara
				$(".scrollMask ul",this).css({"height": area + "px", marginTop: 0}); // UL
				$(".scrollMask li",this).css({"height": options.elementSize + "px", display: "block"}); // LI
			}else{
				//$(".scrollMask",this).css({"width": mask + "px", overflow: "hidden"}); // Máscara
				$(".scrollMask ul",this).css({"width": area + "px", marginTop: 0}); // UL
				$(".scrollMask li",this).css({"width": options.elementSize + "px", display: "block"}); // LI
			}
			if (area <= mask) $(".scrollButtom",obj).css("visibility","hidden");
			if (area <= mask + 596) $(".buttom2",obj).css("visibility","hidden");

			// Função que execulta a rolagem
			var rolagem = function(direction){

				// Variáveis
				var margem = -parseInt($(".scrollMask ul",obj).css("margin-"+(options.direction == "up" ? "top" : "left")));

				var intervalo = direction == side[1]
					? ( margem + ( mask * 2 ) ) < area
						? mask
						: area - (margem + mask)
					: ( margem - mask ) < 0
						? margem
						: mask
				;
				direction = direction == side[1]
					? -margem - intervalo
					: -margem + intervalo
				;
				
				$(".scrollButtom",obj).css("visibility","visible");
				var rel = -direction == 0 ? side[0] : (-direction + mask) == area ? side[1] : null;
				if(rel != null) $(".scrollButtom[rel*='"+rel+"']",obj).css("visibility","hidden");
				
				
				//Condição especial para galeria com degrade
				var rel2 = -direction == 0 ? side[0] : (-direction + mask + 596) == area ? side[1] : null;
				if(rel2 != null) $(".scrollButtom[rel*='"+rel2+"']",obj).css("visibility","hidden");
				
				// Animação
				animation = true;
				if(options.direction == "up"){
					$(".scrollMask ul",obj).animate({marginTop: direction + "px"},options.speed,function(){ animation = false; });
				}else{
					$(".scrollMask ul",obj).animate({marginLeft: direction + "px"},options.speed,function(){ animation = false; });
				}
			}
			
			// Aplicação de eventos
			$(".scrollButtom",this).unbind("click").click(function(){
				if(!animation){
					var direction = $(this).attr("rel");
					rolagem(direction);
				}
			});
		});
	}
});

imB = function(){
	jQuery.ImageBox.init({loaderSRC:'imagens/carregando.gif', overlayOpacity: 0.5});
}


////////////////////////
//	Galeria Principal
///////////////////////

galeria = {
	init: function(){
		direcao = ""
		//Definição de variáveis
		galleryTotal = $(".galleryMask ul li").length;
		gallerySizeElement = $(".galleryMask li").width();
		galleryArea = gallerySizeElement * galleryTotal;
		
		imgSize = $(".galleryMask li img").width(104);
		imgSize2 = $('.slide_2 img, .slide_4 img').width(176);
		imgSize3 = $('.slide_3 img').width(307);
		
		$('.galleryMask ul').width(galleryArea + 450)
		
		//Atribui eventos para seta da galeria
		$('.galleryButtom').click(function(){
			galeria.animacao(this)
		})
		
		//Atribui eventos para as imagens galeria		
		$('.galleryMask ul li a').click(function(){
			galeria.animacao(this);
			if(! $(this).parent().hasClass('slide_3')) return false;
		});
	},
	
	animacao: function(obj){
		var li = $(obj).parent();
		var liClass = $(li).attr('class');
		var repete = "";
		var tempo = 500;
		var i = 4;
		
		switch(liClass){
			case 'slide_3':
				return;
			break;
			case 'slide_1':
				repete = 'left';
				tempo = 300
			case 'slide_2':
				direcao = 'left';
			break;
			case 'slide_5':
				repete = 'right';
				tempo = 300
			case 'slide_4':
				direcao = 'right';
			break;
			default:
				direcao = $(obj).attr('rel')
		}

		imgSize  = $(".galleryMask li img").width(104);
		imgSize2 = $('.slide_2 img, .slide_4 img').width(176);
		imgSize3 = $('.slide_1 img, .slide_5 img').width(104);
		imgSize3 = $('.slide_3 img').width(307);
		marginAtual  = $(".galleryMask ul").css('marginLeft');
		if(direcao == "right"){
			valor1 = 106;
			valor2 = 106;
			valor3 = 178;
			valor4 = 309;
			valor5 = 178;
			top1 = 114;
			top2 = 114;
			top3 = 85;
			top4 = 24;
			top5 = 85;
			size1 = 104;
			size2 = 104;
			size3 = 176;
			size4 = 307;
			size5 = 176;
			margin = -106;
		}
		if(direcao == "left"){
			valor1 = 178;
			valor2 = 309;
			valor3 = 178;
			valor4 = 106;
			valor5 = 106;
			top1 = 85;
			top2 = 24;
			top3 = 85;
			top4 = 114;
			top5 = 114;
			size1 = 176;
			size2 = 307;
			size3 = 176;
			size4 = 104;
			size5 = 104;
			margin =106;
		}
		marginNova = parseInt(marginAtual) + margin;
		//marginNova = marginNova == 156 ? 206 : marginNova == 128 ? 106 : marginNova;
		//marginDir = galleryArea + 347; // variavel para parar avanço da direita
		//if(marginNova > 206 || marginNova < -((galleryTotal - 3) * 106)) return false;
		
		
		$('div.slide a').unbind('click');
		$('.slide_3 p, .slide_3 span').addClass('hide');
		$('.slide_1').animate({width: valor1, marginTop:top1}, tempo)
		$('.slide_1 a img').animate({width: size1}, tempo)
		$('.slide_2').animate({width: valor2, marginTop:top2}, tempo)
		$('.slide_2 a img').animate({width: size2}, tempo)
		$('.slide_3').animate({width: valor3, marginTop:top3}, tempo)
		$('.slide_3 a img').animate({width: size3}, tempo)
		$('.slide_4').animate({width: valor4, marginTop:top4}, tempo)
		$('.slide_4 a img').animate({width: size4}, tempo)
		$('.slide_5').animate({width: valor5, marginTop:top5}, tempo)
		$('.slide_5 a img').animate({width: size5}, tempo)
		$('.galleryMask ul').animate({marginLeft: marginNova}, tempo,
		   function(){
			   $('.galleryMask ul li').each(function(){
					classe = $(this).attr("class");
					classe2 = classe.split('_');
					
					if(direcao == "right"){
						newClass = parseInt(classe2[1]) - 1;
						$(this).attr('class', classe2[0] + '_' + newClass);
					}
					if(direcao == "left"){
						newClass = parseInt(classe2[1]) + 1;
						$(this).attr('class', classe2[0] + '_' + newClass);
					}
				})
			   	if(direcao == "left"){
					var liNova2 = $('.slide .galleryMask ul li:last');
					$(liNova2).attr('class','slide_0')
					$('.slide .galleryMask ul li:last').remove();
					$('.slide .galleryMask ul').prepend(liNova2).css('marginLeft','-106px');
					
				}
				if(direcao == "right"){
					var liNova = $('.slide .galleryMask ul li:eq(0)');
					var liClasse = $('.slide .galleryMask ul li:last').attr('class').split('_')[1];
					$(liNova).attr('class','slide_' + (parseInt(liClasse) + 1))
					$('.slide .galleryMask ul li:first-child').remove();
					$('.slide .galleryMask ul').append(liNova).css('marginLeft','-106px');
					
				}
				
							
				$('div.slide a').click(function(){
						galeria.animacao(this);
						if(! $(this).parent().hasClass('slide_3')) return false;
					
				});
			   	if (repete == 'right')
					$('.galleryButtom[rel="right"]').click();
			   	else if (repete == 'left')
					$('.galleryButtom[rel="left"]').click();
				else
					$('.slide_3 p, .slide_3 span').removeClass('hide');
			
			})
		
		
		
	}
}

$(document).ready( function(){
							
	galeria.init();
	dmNoLabel.init();
	validar.init();

	$('form').submit(function(){
		return validar.form($(this))
	});


////////////////////////
//Rolagem Clientes
///////////////////////

	$('.clientes').scrollPages({elementSize:190, elements:1, direction:'left'});
	$('.boxInf8').scrollPages({elementSize:180, elements:5, direction:'left'});
	$('.solucaoESlide3').scrollPages({elementSize:127, elements:7, direction:'left'});
	$('.galeriaSlide3').scrollPages({elementSize:132, elements:6, direction:'left'});
	$('.solucaoESlide4').scrollPages({elementSize:76, elements:3, direction:'left'});
	$('.solucaoESlide2').scrollPages({elementSize:127, elements:4, direction:'left'});
	$('.mobile').scrollPages({elementSize:40, elements:4, direction:'up'});
	$('.solucaoESlide').scrollPages({elementSize:149, elements:1, direction:'left'});
	$('.slide').scrollPages({elementSize:106, elements:1, direction:'left'});
	$('.slide-obras').scrollPages({elementSize:104, elements:4, direction:'left'});
	$('.galeria-clientes').scrollPages({elementSize:104, elements:4, direction:'left'});
///////////////////////////////////
// Galeria Soluções
//////////////////////////////////

	total = $(".scrollMask li",this).length;
	area = $(".scrollMask li",this).width() * total + 22;
	$('.solucaoESlide .mascara li a').hover(function(){
		//src = $(this).children().attr('src');
		//imagem = src.split('.')
		$(this).parent().addClass('ativo');
		$(this).addClass('ativo');
	},function(){
		$(this).parent().removeClass('ativo');
		$(this).removeClass('ativo')
	});

///////////////////////
// Coloca imagem como background
///////////////////////////////////////
	
	$('.mascaraClientes li img').each(function(){
			
		$(this).parent().css("background","url(" + $(this).attr("src") + ") no-repeat center center");
	
	});

//////////////////////
//		Área Restrita
////////////////////////////////////////
	$('.abreNews').click(function(){
		$('.letterClick').slideDown('slow');
	});
	$('.fechaNews').click(function(){
		$('.letterClick').slideUp('fast');
	});
	
//////////////////////
//ChamaBloqueio
/////////////////////

	$(".abreFlutuante").click(function(){
		bloqueia({ speed: "slow", bgcolor: "#000" });
		$(".flutuante").appendTo('body').absoluteCenter({animation:false}).absoluteCenter().show();
	});
	
		$(".abreFlutuante2").click(function(){
		bloqueia({ speed: "slow", bgcolor: "#000" });
		$(".flutuante2").appendTo('body').absoluteCenter({animation:false}).absoluteCenter().show();
	});
		
		$(".abreRestrita").click(function(){
		bloqueia({ speed: "slow", bgcolor: "#000" });
		$(".restritaFlutua").appendTo('body').absoluteCenter({animation:false}).absoluteCenter().show();
	});



	$(".fechaBloqueio").click(function(){
		$(".flutuante").hide();
		$(".flutuante2").hide();
		$(".restritaFlutua").hide();
		bloqueia({ speed: "slow", evento: "fim" });
		
	});
	
//////
//  Galeria Flutuante
/////////////////////////
	
	$("ul.ampliarFoto a").click(function(){
		var obj = $(".flutuante");
		var texto = $(this).attr('title');
		if(!$("img", this).hasClass("ativo")){
			$("img.ativo").removeClass("ativo")
			$("img", this).addClass("ativo")
			
			$(".ampliada img", obj).attr("src","imagens/blank.gif");
			
			var src = $(this).attr("rel");
			
			var img = new Image();
			$(".carregando", obj).show();
			
			
			img.onload = function(){
				var altura	= img.height;
				var largura = img.width;
				if(altura < 368){
					margem = parseInt((368 - altura) / 2)
					$(".ampliada img", obj).css("margin",margem+"px auto 0 auto");
				}else{
					$(".ampliada img", obj).css("margin","0 auto");
				}
				$(".carregando", obj).hide();
				$(".ampliada img", obj).attr("src",src);
				$("h2", obj).text(texto);
			}
			img.src = src;
		}
	});
							
	$(".mudarFoto").click(function(){
		var obj = $(".flutuante");
		var valor = 0;
		var valor2 = 0
		$("ul.ampliarFoto img").each(function(){
			if($(this).attr("class") == "ativo"){
				valor2 = valor;
			}else{
				valor = valor + 1;
			}
		});
		
		if ($(this).attr("rel") == "right"){
			valor2 = valor2 + 1;
		}else{
			valor2 = valor2 - 1;
		}
		$("ul.ampliarFoto a:eq("+valor2+")").click();
	});
	
//////	
// Slide Cliente Home 
/////////////////////////	
	slideCliente = function(){
		var obj = $('.navegaArq ul');
		var margem = parseInt($(obj).css('margin-left'));
		var qt = $('li', obj).length;
		var li = 340;
		var maximo = li * qt;
		
		margem = margem - li;
		
		if (margem + maximo <= 0) margem = 0
		
		$(obj).fadeOut(function(){
			$(this).css({marginLeft: margem + "px"}).fadeIn();
			/*$('.seta').css('visibility','visible');
			if (margem == 0) $('.seta[rel="left"]').css('visibility','hidden');
			if (margem == -maximo+li) $('.seta[rel="right"]').css('visibility','hidden');*/
		});
	}
	
	slideTime = setInterval('slideCliente()', 4000);
	
	/*$('.seta').hover(function(){
		clearInterval(slideTime)
	},function(){
		slideTime = setInterval('slideCliente()', 4000);
	})*/
	
	
	//Hide e Show de  campos do formulario
	$(".arquivo").click(function(){
		$('.inputArquivo').show();	
		$('.inputLink').hide();	
										 
	});


	$(".link").click(function(){
		$('.inputLink').show();								 
		$('.inputArquivo').hide();	
	});
	
	
	//ocultar div 
	/*********************FUNÇÃO QUE EXCLUI IMAGENS DA GALERIA DA AREA RESTRITA DO ARQUITETO*********************
	Desenvolvimento: 	Felipe de Sena Garcia
	Data:				03/02/2010
	*/
	$('span.ocultar').click(function(){
		if (confirm('Deseja realmente excluir esta imagem da galeria?')) {
			var s = new Date();
			var r = s.getTime();
			var obj = this.id;
			var a;
			$.ajax({
				type: "POST",
				async: false,
				url: "asp/funcoes.asp?acao=excluiimg&var=" + this.id + '&xxddqqq=' + r,
				success: function(msg){
					switch(msg) {
						case '0':
							/*alert('Exclusão realizada com sucesso!');*/
							/*$('#li' + obj).hide('slow');*/
							window.document.getElementById('li' + obj).innerHTML = '';
							window.document.getElementById('li' + obj).style.display  = 'none';
							break;
						case '1':
							alert('Não foi possível excluir esta foto. Ela esta bloqueada ou indisponível no servidor neste momento.');
							break;
						case '2':
							alert('Não foi possível excluir esta foto.\nTente novamente mais tarde.');
							break;
						default:
							alert(msg);
							break;
					}
				},
				error: function(XMLHttpRequest){
					alert(XMLHttpRequest.responseText);
					//alert('Não foi possível realizar a exclusão desta foto neste momento.\nTente novamente mais tarde.');
				}
			});
		}
	})
	
	/*********************FUNÇÃO QUE ALTERA A SITUAÇÃO das IMAGENS DA GALERIA DA AREA RESTRITA DO ARQUITETO*********************
	Desenvolvimento: 	Felipe de Sena Garcia
	Data:				04/02/2010
	*/
	$('span.desativar').click(function(){
		var s = new Date(); var r = s.getTime(); var obj = this.id; var a;
		$.ajax({
			type: "POST",
			async: false,
			url: "asp/funcoes.asp?acao=statusimg&var=" + (this.id).replace('desativar|', '') + '&xxddqqq=' + r,
			success: function(msg){
				switch(msg) {
					case '0': a = 'Ativar'; break;
					case '1': a = 'Desativar'; break;
					case '2':
						alert('Não foi possível excluir esta foto. Ela esta bloqueada ou indisponível no servidor neste momento.'); break;
					case '3':
						alert('Não foi possível excluir esta foto.\nTente novamente mais tarde.'); break;
					default:
						alert(msg); break;
				}
				window.document.getElementById(obj).innerHTML = a; window.document.getElementById(obj).title = a.toLowerCase();
			},
			error: function(XMLHttpRequest){
				alert(XMLHttpRequest.responseText);
				//alert('Não foi possível realizar a exclusão desta foto neste momento.\nTente novamente mais tarde.');
			}
		});
	})
	
	
	// Exibir Detalhes da Agenda do Cliente
	/*$('.exibirDetalhes').click(function(){
		$(this).parents('.linhaTabela').next().addClass('ativo').fadeIn('slow');
		
		if($(this).parents('.linhaTabela').next('ativo').children('.detalhesAgenda:visible'))
		{
			$(this).removeClass('ativo');
			$(this).fadeOut('fast');
		}
	
	})*/
	
	
	
	
	
});