var elementoClicado = null;

$(document).ready(function($) {
	var content = $('#conteudo');  
	
    $('#menu a').live('click', function(e) {  
    	e.preventDefault();  
    	$('#loader').css('visibility', 'visible');

        var href = $(this).attr('href');  
        $.ajax({  
        	type: "GET",
        	url: href,  
            success: function(response) {  
                var data = $( '<div>'+response+'</div>' ).find('#conteudo').html();  

                window.setTimeout(function() {  
                	content.fadeOut('slow', function() {  
                		content.html(data).fadeIn();  
                    });
                }, 500 ); 
            }  
        });
        
    });  
});  

changeCabecalho = function(href) {
	/*
	 * coloca ou remove o slide do cabeçalho da pagina inicial
	 */
	if (href.match('index')) {
		$('#menu').animate({marginTop: '-92px'}, 700);
		requestSimple('slideInicial.php', 'cabecalho');
	}
	else {
		$('#menu').animate({marginTop: '-148px'}, 700);
		$('#slideCabecalho').hide(1500, function () {
	        $(this).remove();
	    });
	}
}

/*
 * metodos dos menus
 */
function bolachasMouseOver(id) {
	$('#' + id).addClass("itensBolachas2");
	$('#' + id + 'Img').css('visibility', 'visible');
}

function bolachasMouseOut(id) {
	if (elementoClicado != id) {
		$('#' + id).removeClass("itensBolachas2");
		$('#' + id + 'Img').css('visibility', 'hidden');
	}
}

function bolachasClick(id) {
	$('#menusBolachas .itensBolachas').removeClass("itensBolachas2");
	$('#menusBolachas img').css('visibility', 'hidden');
	$('#' + id).addClass("itensBolachas2");
	$('#' + id + 'Img').css('visibility', 'visible');	
	elementoClicado = id;
}

function itensBolachasMouseOver(id) {
	$('#' + id).css('border', '6px solid #5e483e');
}

function itensBolachasMouseOut(id) {
	$('#' + id).css('border', '6px solid white');
}

function menuMouseOut(id) {
	var url = "images/imgMenu/" + id + ".png";
	$("#" + id + "_img").attr("src", url);
}

function menuMouseOver(id) {
	var url = "images/imgMenu/" + id + "_up.png";
	$("#" + id + "_img").attr("src", url);
}

/*
 * metodos ajax e todas as funcoes de cada pagina
 */
function request(url, div) {
	$.ajax({
		type: "GET",
		url: url,
		beforeSend: function() {
			$('#loader').css('visibility', 'visible');
	    }, 
	    success: function(data) {
	        
	        $('#' + div).html(data);
	        
	        if (url.match('login')) {
	    		startLogin();
	    	}
	        else if (url.match('itensBolachasEspec')) {
	        	initFancybox();
	    	}
	    	else if (url.match('cadastro')) {
	    		$("#imgFundoCabecalho").attr("src", "images/imgTopo/topo_contato.jpg");
	    		startCadastro();
	    	}
	    	else if (url.match('bolachasEspec')) {
	    		openBolachasEspec();
	    	}
	    	else if (url.match('reserva')) {
	    		startEmailReserva();
	    	}
	    	else if (url.match('itensBolachas') && !url.match('Espec')) {
	    		initFancybox();
	    	}
	        
	        $(document).ready(function($) {
	        	$('#loader').css('visibility', 'hidden');
	        });
	    } 
	}); 

}

function requestSimple(url, div) {
	$.ajax({
		type: "GET",
		url: url,
		beforeSend: function() {
			$('#loader').css('visibility', 'visible');
	    }, 
	    success: function(data) {
	        $('#' + div).html(data);
	        $('#loader').css('visibility', 'hidden');
	    }
	}); 
}

function startGallery() { 
	$(document).ready(function($) {
		$('div.content').css('display', 'block');

		var onMouseOutOpacity = 0.67;
		$('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({
			mouseOutOpacity:   onMouseOutOpacity,
			mouseOverOpacity:  1.0,
			fadeSpeed:         'fast',
			exemptionSelector: '.selected'
		});

		var gallery = $('#thumbs').galleriffic({
			delay:                     2500,
			numThumbs:                 6,
			preloadAhead:              10,
			enableTopPager:            false,
			enableBottomPager:         false,
			imageContainerSel:         '#slideshow',
			controlsContainerSel:      '#controls',
			captionContainerSel:       '#caption',
			loadingContainerSel:       '#loading',
			renderSSControls:          true,
			renderNavControls:         true,
			playLinkText:              'Play Slideshow',
			pauseLinkText:             'Pause Slideshow',
			prevLinkText:              '&lsaquo; Anterior',
			nextLinkText:              'Próxima &rsaquo;',
			nextPageLinkText:          'Next &rsaquo;',
			prevPageLinkText:          '&lsaquo; Prev',
			enableHistory:             false,
			autoStart:                 false,
			syncTransitions:           true,
			defaultTransitionDuration: 900,
			onSlideChange:             function(prevIndex, nextIndex) {
				this.find('ul.thumbs').children()
					.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
					.eq(nextIndex).fadeTo('fast', 1.0);

				this.$captionContainer.find('div.photo-index')
					.html('Imagem ' + (nextIndex+1) + ' de ' + this.data.length);
			},
			onPageTransitionOut:       function(callback) {
				this.fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn:        function() {
				var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
				var nextPageLink = this.find('a.next').css('visibility', 'hidden');

				if (this.displayedPage > 0)
					prevPageLink.css('visibility', 'visible');

				var lastPage = this.getNumPages() - 1;
				if (this.displayedPage < lastPage)
					nextPageLink.css('visibility', 'visible');

				this.fadeTo('fast', 1.0);
			}
		});

		gallery.find('a.prev').click(function(e) {
			gallery.previousPage();
			e.preventDefault();
		});

		gallery.find('a.next').click(function(e) {
			gallery.nextPage();
			e.preventDefault();
		});
	});
}

function startEmailContato() {
	$(document).ready(function(){
		
		$("#telefone").mask("(999)9999-9999");
		
		$("#formContato").submit(function() {

			var nome = $("#nome").val();
			var email = $("#email").val();
			var telefone = $("#telefone").val();
			var assunto = $("#assunto").val();
			var mensagem = $("#mensagem").val();

			$.ajax({
				type: "POST",
				url: "emailContato.php",
				data: "nome="+nome+"&email="+email+"&telefone="+telefone+"&assunto="+assunto+"&mensagem="+mensagem,
				beforeSend: function(){
					$('#loader').css('visibility', 'visible');
		        },
		        success: function(data){
		        	$('#loader').css('visibility', 'hidden');
			        if (data == 1) {
				        alert('Obrigado por seu contato.\nEm breve estaremos respondendo.');
				        $("#nome").val("");
				        $("#email").val("");
				        $("#telefone").val("");
				        $("#assunto").val("");
				        $("#mensagem").val("");
				        $("#nome").focus();
			        } 
			        else if (data == 0) {
			        	alert('Um erro ocorreu durante o envio.\nTente novamente mais tarde.');
			        } 
			        else {
			        	alert(data);
			        }
		        } 
			}); 
			
			return false;
		});
	}); 	
}

function loadFlashs() {
	$('#videoHome').flash({ 
		src: 'js/swf/homeapre.swf',
        width: 480,
        height: 378,
        wmode: "transparent" 
	},{ version: 8 });
	
	$('#menina').flash({ 
		src: 'js/swf/menina.swf',
	    width: 465,
	    height: 308,
	    wmode: "transparent" 
	 
	},{ version: 8 });	
}

function openBolachas() {
	$("#imgFundoCabecalho").attr("src", "images/imgTopo/topo_bolachas.jpg");
	request('itensBolachas.php?categoria=6', 'conteudoBolachas');
	bolachasMouseOver('itemTradi');
	elementoClicado = 'itemTradi';
}

function openBolachasEspec() {
	request('itensBolachasEspec.php?categoria=5', 'conteudoBolachas');
	bolachasMouseOver('itemPascoa');
	elementoClicado = 'itemPascoa';
}

function startEmailReserva() {
	$(document).ready(function() {
		
		$("#telefone").mask("(999)9999-9999");
		$("#data").mask("99/99/9999");
		$("#horario").mask("99:99");
		$("#qtdPessoas").mask("9?99");
		
		$("#formReserva").submit(function() {

			var nome = $("#nome").val();
			var email = $("#email").val();
			var telefone = $("#telefone").val();
			var qtdPessoas = $("#qtdPessoas").val();
			var data = $("#data").val();
			var horario = $("#horario").val();
			var observacao = $("#observacao").val();

			$.ajax({
				type: "POST",
				url: "emailReserva.php",
				data: "nome="+nome+"&email="+email+"&telefone="+telefone+"&qtdPessoas="+qtdPessoas+"&data="+data+"&horario="+horario+"&observacao="+observacao,
				beforeSend: function(){
					$('#loader').css('visibility', 'visible');
		        },
		        success: function(data){
		        	$('#loader').css('visibility', 'hidden');
			        if (data == 1) {
				        alert('Obrigado por sua reserva.\nEm breve entraremos em contato.');
				        $("#nome").val("");
				        $("#email").val("");
				        $("#telefone").val("");
				        $("#qtdPessoas").val("");
				        $("#data").val("");
				        $("#horario").val("");
				        $("#observacao").val("");
				        $("#nome").focus();
			        } 
			        else if (data == 0) {
			        	alert('Um erro ocorreu durante o envio.\nTente novamente mais tarde.');
			        } 
			        else {
			        	alert(data);
			        }
		        } 
			}); 
			
			return false;
		});
	}); 	
}

function startCadastro() {
	$(document).ready(function(){
		$("#formCadastro").submit(function() {

			var categoria = $('input[name=categoria]:radio:checked').val(); 
			var img1 = $("#img1").val();
			var img2 = $("#img2").val();
			var img3 = $("#img3").val();
			var img4 = $("#img4").val();
			var img5 = $("#img5").val();

			$.ajax({
				type: "POST",
				url: "cadastroBanco.php",
				data: "categoria="+categoria+"&img1="+img1+"&img2="+img2+"&img3="+img3+"&img4="+img4+"&img5="+img5,
				beforeSend: function(){
		        	$("#retorno").html("<p>Carregando...</p>");
		        },
		        success: function(data){
			        if (data == 1) {
				        alert('Imagens salvas com sucesso!');
				        $("#retorno").html("");        
				        $("#categoria").val("0");
				        $("#img1").val("");
				        $("#img2").val("");
				        $("#img3").val("");
				        $("#img4").val("");
				        $("#img5").val("");
			        } 
			        else if (data == 0) {
			        	alert('Um erro ocorreu durante o envio.\nTente Novamente mais tarde.');
			        } 
			        else {
			        	$("#retorno").html(data);
			        }
		        
		        } 
			});
			
			return false;
		}); 
	}); 
}

function startLogin() {
	$('#cabecalho').css('display', 'inherit');
	$('#menu').css('display', 'inherit');
	
	$("#formLogin").submit(function() {

		var usuario = $("#usuario").val();
		var senha = $("#senha").val();

		$.ajax({
			type: "POST",
			url: "logar.php",
			data: "usuario="+usuario+"&senha="+senha,
			beforeSend: function(){
				$('#loader').css('visibility', 'visible');
	        },
	        success: function(data){
		        if (data == 1) {
		        	$('#cabecalho').css('display', 'none');
		        	$('#menu').css('display', 'none');
		        	request('bolachasEspec.php', 'conteudo');
		        } 
		        else if (data == 2) {
		        	$('#erro').css('visibility', 'visible');
		        }
		        else {
		        	$("#conteudo").html(data);
		        }
		        
		        $('#loader').css('visibility', 'hidden');
	        } 
		}); 
		
		return false;
	});
}

function initFancybox() {
	$("a[rel=component_group]").fancybox({
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Imagem ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});	
}