/* Author: Niramekko + Via Mia

*/

$(document).ready(function() {
	
	//Menu Principal
	// $('#mainMenu li > .subMenu').position({ my: 'top', at: 'bottom', of: $('#mainMenu li'), offset:"0 15"});
	// $('#mainMenu li').hover(function() {
	// 	var currentSubMenu = $(this).find('.subMenu');
	// 	var parentMenu = currentSubMenu.closest('li');
	// 	currentSubMenu.position({ my: 'top', at: 'bottom', of: parentMenu, offset: "0 15" });
	// 	
	// });
	// $('#mainMenu li').load(function() {
	// 	var currentSubMenu = $(this).find('.subMenu');
	// 	var parentMenu = currentSubMenu.closest('li');
	// 	currentSubMenu.position({ my: 'top', at: 'bottom', of: parentMenu, offset: "0 15" });
	// 	
	// });

	$('.productDetails').css({'visibility':'hidden'});
	$('.productContainer > li').hover(function() {
		$(this).addClass('selected');
		$(this).find('.productDetails').css({'visibility':'visible'}).addClass('selected');


	}, function() {
		$(this).removeClass('selected');
		$(this).find('.productDetails').css({'visibility':'hidden'}).removeClass('selected');
	});
	
	
	$('#telaCatalago .menuTop, #telaComprar .menuTop, #telaBusca .menuTop, #telaMostraCadastro .menuTop, #telaFinaliza .menuTop, #telaEndereco .menuTop').wrap('<div id="main" />');//.telacarrinho header, #telaLogin .menuTop, #telaEndereco header
	// $('#vitrine').addClass('lowerContent');
	var telasLowerContent = $('#telaCatalago .table_Subprincipal, #telaComprar .table_Subprincipal, #telaBusca .table_Subprincipal, #telaFinaliza .td_index_left, #telaEndereco .td_index_left '); //.telacarrinho .divCarrinhoCompras, #telaLogin .divLogin, #telaEndereco .divEndereco
	telasLowerContent.addClass('lowerContent');
	
	$('.productContainer > li').hover(function() {
		$(this).addClass('selected');
		$(this).find('.productDetails').css({'visibility':'visible'}).addClass('selected');


	}, function() {
		$(this).removeClass('selected');
		$(this).find('.productDetails').css({'visibility':'hidden'}).removeClass('selected');
	});

	// Products
	// Open ToolTip
	// showTipBaloon(".productDetailsHeader","tipBaloon");

	// Filtro de Produtos
	$('#selectFilter').click(function(){
		$(this).toggleClass('selected');
		$('#filterOptions').slideToggle(200);
		preventdefault();

	});
	$('#filterOptions').mouseleave(function() {
		$(this).slideUp(200);
		$('#selectFilter').removeClass('selected');

	});
	$('#filterOptions p').click(function() {
		$('#filterOptions').hide();
		// Código Ajax do Filtro vai aqui
	});


	// Centraliza os armário depois do SnapFooter
	$('.lowerContent').center({vertical:false});
	$(window).bind('resize', function() {
		$('.lowerContent').center({vertical:false});
	});

	// Snap Footer
	
	snapFooter();
	$(window).bind('resize', function() {
		snapFooter();
	});
	
	

	if(hash["template"] == "politica"){
		var posMenu = $('#menuPolitica').offset().top;
		$(window).bind('scroll', function() {
			var y = $(window).scrollTop();

			if (y >= posMenu) {
				$('#menuPolitica').addClass('fixed');
			}
			else{
				$('#menuPolitica').removeClass('fixed');
			}
		});
	}
	$(window).bind('scroll', function() {
		
		$("footer").css({
			position:'fixed',
			bottom:'0'
		});
		
	});
	$(window).bind('resize', function() {
		$("footer").css({
			position:'fixed',
			bottom:'0'
		});

	});

		$('#text_contact').hide();		
		$('#text_opportunity').hide();
		
		$('#footer').find('a:not(.doLink)').click(function() {
			var footerContent = $('#footerContent');
			var thisId = $(this).attr('id');

			if (footerContent.is(':hidden')) {
				$('#text_opportunity, #text_contact').fadeOut('fast');
				$('#text_' + thisId).fadeIn();
				footerContent.slideDown('fast');
			} else {
				if ($('#text_' + thisId).is(':visible')) {
					footerContent.slideUp('fast');
					$('#text_opportunity, #text_contact').fadeOut('fast');
					
				} else {
					$('#text_opportunity, #text_contact').fadeOut('fast');
					$('#text_' + thisId).fadeIn();
					footerContent.slideDown('fast');
				};		
			};
			event.preventDefault();
		});


		// Gira pelas cores de produtos
		$('.productColors').find('a').click(function(){
			var clickedElement = $(this);
			var clickedArray = $(this).parent().find("a");
			var clickedPosition = clickedArray.index(clickedElement);
			$(this).closest("li").find(".chooseColor").removeClass("selected");
			$(this).closest("li").find(".chooseColor").eq(clickedPosition).addClass("selected");
			return false;
		});

		// Menu de Cores - Detalhe de produtos
		$('.selectedProductColors li').click(function(){

			//Esconde as Vistas e acende as Cores dos Produtos
			$('.selectedProductViews').fadeOut(
				200 , function() {$('.selectedProduct').fadeIn('fast');
			});

			// Gira pelas cores nas páginas de detalhes dos Produtos
			var clickedElement = $(this);
			var clickedArray = $(this).closest('div').find('li');
			var clickedPosition = clickedArray.index(clickedElement);
			$(this).closest(".selectedProductBox").find(".productColor").removeClass("current");
			$(this).closest(".selectedProductBox").find(".productColor").eq(clickedPosition).addClass("current");
			return false;
		});

		// Menu de Vistas - Detalhes dos produtos
		$('.productPictures li').click(function(){
			//Esconde as Cores dos Produtos e acende as Vistas
			$('.selectedProduct').fadeOut(200,
				function() {
					$('.selectedProductViews').fadeIn(200);
				});

				// Gira pelas cores nas páginas de detalhes dos Produtos
				var clickedElement = $(this);
				var clickedArray = $(this).closest('div').find('li');
				var clickedPosition = clickedArray.index(clickedElement);
				$(this).closest(".selectedProductBox").find(".productView").removeClass("current");
				$(this).closest(".selectedProductBox").find(".productView").eq(clickedPosition).addClass("current");
				return false;
			}); 


		// Image Swap em Looks
		$('.looksPhotos li').click(function(){
			var clickedElement = $(this);
			var clickedArray = $(this).closest('div').find('li');
			var clickedPosition = clickedArray.index(clickedElement);
			$(this).closest(".container_16").find('.lookModel li').removeClass('current');
			$(this).closest(".container_16").find('.lookModel li').eq(clickedPosition).addClass('current');
			return false;
		});
		//Vídeo
		$('#pularVideo a, #overlayVideo').click(function() {
			$('#overlayVideo').fadeOut('fast', function() {
				$('#overlayVideo').remove();
			});
			return false
		});
		$('#overlayVideo').width($(window).width());
		$('#overlayVideo').height($(window).height());
		$(window).bind('resize', function() {
			var windowWidth = $(window).width();
			var windowHeight = $(window).height();
			$('#overlayVideo').width(windowWidth);
			$('#overlayVideo').height(windowHeight);
		});

		// //MAGNIFY IMAGES
		// 
		// $('.productColor, .productView').find('img').addClass('magnify');
		// 
		// $('.magnify').loupe({
		// 	width: 300, // width of magnifier
		// 	height: 300, // height of magnifier
		// 	loupe: 'loupe' // css class for magnifier
		// });
		



	// Newsletter
	// Contato
	var validator = $("#formNewsletter").validate({
		rules: {
			"SMT_NOME": {
				required: true,
			},
			"SMT_MAIL": {
				required: true,
				email: true
			}
		},
		messages: {
			"SMT_MAIL": "Não se esqueça de preencher seu email.",
			"SMT_NOME": "Não se esqueça de preencher seu nome.",

		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
			error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
			error.appendTo ( element.next() );
			else
			// error.appendTo( element.parent());
			error.appendTo ( element.parent() );
		}
	});
		
	
	if(hash["template"] == "brasil-afora"){
		$('#mcs_container').mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",10);
		$('#teste').mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",10);
	
		// BRASIL AFORA
		$('.lojasEstados').hide();
		$('#voltarTexto').hide();
		// Em brasil-afora.php mostrar e esconder os textos
		// a partir do clique no mapa. 	
		$('.estados').click(function(){
			var prefixo = 'texto_'; //prefixo padrao da classe no html

			var estadoClicado = $(this).attr('id');

			var textoEstado = prefixo + estadoClicado;
			var idTextoEstado = '#' + textoEstado;

			$('.lojasEstados').fadeOut('fast', function(){
				$('#aboutProject').fadeOut('fast', function(){
					if ($('#aboutProject').is(":hidden")) {
						$(idTextoEstado).show();
						$('#voltarTexto').fadeIn('fast');	
					};				
				});
				$('#aboutProject').fadeOut('fast');

			});
			return false;
		});

		$('#voltarTexto').click(function(){
			$('.lojasEstados').fadeOut('fast', function(){
				$('#voltarTexto').fadeOut('fast', function(){
					$('#aboutProject').fadeIn('fast');				
				});				

			});
			return false;
		});
		
	}
	
	//Social Media Sharer
	
	$('li.facebook a').attr('href', 'http://www.facebook.com/sharer.php?u=' + document.URL);
	$('li.twitter a').attr('href', 'https://twitter.com/share?url=' + document.URL+'&via=novidadesviamia');
	
	$('#abreMiniSacola').click(function() {
		$('#miniSacola').fadeIn();
		return false;
	});
	
	$('#fecharMiniSacola').click(function() {
		$('#miniSacola').fadeOut();
		return false;
	});
	
	//Hide Vasos in Acessorios pages
	$('body#telaCatalago.body_bijoux #vaso').hide();
	
	$('#lnkFechar').click(function() {
		window.close();
	});
	
});

function showTipBaloon(target_items , name){
	$(target_items).each(function(i) {
		$(this).append("<div class='tipBaloon' id='"+name+i+"'><h3>Adicionar ao Armário dos meus sonhos</h3><span class='setaBalao'></span></div>");
		var tipBaloon = $("#"+name+i);
		$(this).removeAttr("title").hover(function() {
			tipBaloon.css({opacity:1, display:"none"}).fadeIn(200);
		}, function() {
			tipBaloon.fadeOut(200);
		});
	});	
}

function snapFooter() {
	if ($('#main').length) {
		var lowerContentBoxFixedBottom = '30px';
		var screenHeight = $(window).height();
		var upperContentBox = $('#main');
		var lowerContentBox = $('.lowerContent');
		var footer = $('#footer');

		var upperContentBoxOffsetTop = upperContentBox.offset().top;
		var upperContentBoxHeight = upperContentBox.outerHeight(true);
		var lowerContentBoxOffsetTop = lowerContentBox.offset().top;
		var lowerContentBoxHeight = lowerContentBox.outerHeight(true);

		var elementOffsetDifference = screenHeight - upperContentBoxOffsetTop - upperContentBoxHeight - lowerContentBoxHeight - parseFloat(lowerContentBoxFixedBottom);


		if (elementOffsetDifference > 0) {
			lowerContentBox.css({
				position:'fixed',
				bottom: lowerContentBoxFixedBottom
			});
		} else {
			lowerContentBox.css({
				position:'static'
			});
		}
	}
}

function getUrlVars(){var vars=[],hash;var hashes=window.location.href.slice(window.location.href.indexOf("?")+1).split("&");for(var i=0;i<hashes.length;i++){hash=hashes[i].split("=");vars.push(hash[0]);vars[hash[0]]=hash[1]}return vars}var hash=getUrlVars();