jQuery(document).ready(function(){

	var iframeVideo = document.createElement("iframe");
	var rodando = true;

	// MENU

	jQuery('ul#menu').superfish({
		animation:   {opacity:'toggle',height:'toggle'}
	});
	
	// DESTAQUES HOME

	jQuery("#destaquesHome").tabs({fx:{opacity: "toggle"}}).tabs( "rotate" , 6000 , true );  

	jQuery(".playVideo, .entrarChat").click(function(){
		if(jQuery(this).parent().parent().attr('class').indexOf("imgDestaqueGigante") > 0) {
			iframeVideo.width = 800;
			iframeVideo.height = 450;
		} else {
			iframeVideo.width = 620;
			iframeVideo.height = 320;
		}
		
		//$(this).parent("div:eq(0)").width();

		iframeVideo.style.zIndex = "10";
		iframeVideo.style.background = "#fff";
		iframeVideo.style.position = "absolute";
		iframeVideo.style.border = 0;
		iframeVideo.style.top = 0;
		iframeVideo.style.left = 0;
		iframeVideo.src = jQuery(this)[0].href;
		jQuery(this).parent().append(iframeVideo);
		jQuery("#destaquesHome").tabs( "rotate" , 0 , false ); 
		rodando = false;
		return false;
	});
	
	jQuery('#destaquesHome').bind('tabsselect', function(event, ui) {
		jQuery(iframeVideo).remove();
		if(!rodando) {
			jQuery("#destaquesHome").tabs( "rotate" , 6000 , true ); 
			rodando = true;
		}
	});
	
	// MANSORY
	
	jQuery('.divsHome, #galerias').masonry({ singleMode: true });

	// PROMOCOES LOJA
	
	jQuery('.carrossel').carousel({ animSpeed: "slow",  loop: true, autoSlide: true, autoSlideInterval: 3000 });
	
	// ELENCO

	if(jQuery('#infosJogadores li')[1]) {
		jQuery('#infosJogadores li')[1].style.display = "block";
	}
	
	jQuery('#rodaJogadores li img').fadeTo('slow', 0.3);
	jQuery('#rodaJogadores li::nth-child(2) img').fadeTo('slow', 1.0);
	
	/**
	 * We use the initCallback callback
	 * to assign functionality to the controls
	 */
	/*function mycarousel_initCallback(carousel) {
	    jQuery('.jcarousel-control a').bind('click', function() {
	        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).id()));
	        return false;
	    });
	 
	    jQuery('.btnAnt').bind('click', function() {
	        carousel.next();
	        return false;
	    });
	 
	    jQuery('.btnProx').bind('click', function() {
	        carousel.prev();
	        return false;
	    });
	};*/
	
	// Ride the carousel...
		jQuery.fn.carouFredSel.defaults.scroll.items    = 1;
		jQuery.fn.carouFredSel.defaults.items.visible   = 3;
		jQuery('ul#rodaJogadores').carouFredSel({
			auto: false,
			prev: "#btnAnt",
			next: "#btnProx"
		});

        jQuery('ul#ulTodosEquipe li a').click(function() {
            jQuery('ul#rodaJogadores').trigger('slideTo', [jQuery("#a" + jQuery(this).attr("id")), -1]);
			return false;
        });
	
	/*jQuery(document).ready(function() {
	    jQuery("#rodaJogadores").jcarousel({
	        scroll: 1,
	        initCallback: mycarousel_initCallback,
	        wrap: 'circular',
	        // This tells jCarousel NOT to autobuild prev/next buttons
	        buttonNextHTML: null,
	        buttonPrevHTML: null
	    });
	});*/

	/*jQuery('#rodaJogadores').roundabout({
		shape: 'square',
		minOpacity: -3,
		tilt: 0.1,
		clickToFocus: false,
		btnNext: '.btnAnt',
		btnPrev: '.btnProx',
		reflect: true
	});
	
	jQuery('#rodaJogadores').roundabout();
	
	jQuery('#rodaJogadores li').focus(function(h) {
		alert("yeap");
	});
	
	jQuery('#rodaJogadores li').blur(function(h) {
		//alert('oi');
	});
	
	jQuery('ul#rodaJogadores li').onChange(function(h) {
		alert('zico');
	});

	  jQuery('#todosEquipe ul li').each(function(index) {
		jQuery(this).click(function() {
			jQuery('#jogadorFrente ul').roundabout_animateToChild(index);
		});
	  });*/

	  var mostrarInfo = function(index) {
		jQuery('#infosJogadores li.jogadorInformacoes').each(function() {
			jQuery(this).hide();
		});
		jQuery('#infosJogadores li.jogadorInformacoes').get(index).style.display = "block";
	  }

	  // ELENCO FOTOS 3X4
	  
	  jQuery(".foto3x4 img").each(function(index) {
		  jQuery(this).hover(
			function() {

				var yeft = 0;
				if((index%6) > 2){
					yeft = -206;
				} else {
					yeft = 103;
				}

				jQuery(this).css({'opacity':'1'});
				jQuery(this).parents().next('.desc3x4').css({'left': yeft ,'top':0, 'opacity':'1'}).show();

			}, 
			   
			function() {
				jQuery(this).css({'opacity':'0.3'});
				jQuery(this).parents().next('.desc3x4').hide();  
			}
			 
			);
			 
			jQuery('.desc3x4').live('mouseover',function() {
				jQuery(this).hide();
			});
		});
		
	// ZOOM LOJA
		
	jQuery(".imgZoom").jqzoom({
		zoomWidth: 310,
        zoomHeight: 297,
        zoomType:'reverse',
		title: false,
		preloadText: 'Carregando...'
	});
	
	// SOCIO
	
	jQuery("#cpfSocio, #cpfRSocio").mask("999.999.999-99");
	jQuery("#telSocio, #telRSocio, #celSocio, #celRSocio").mask("(99)9999-9999");
	jQuery("#cepSocio").mask("99999-999");
	jQuery("#rgSocio").keypress(function(e) {
		var keynum
		var keychar
		var numcheck

		if(window.event) // IE
		{
		keynum = e.keyCode
		}
		else if(e.which) // Netscape/Firefox/Opera
		{
		keynum = e.which
		}
		keychar = String.fromCharCode(keynum)
		numcheck = /\d/
		return numcheck.test(keychar)
	});
	
	jQuery("#formularioSocio").validate({
		rules: {
			plano: "required",
			nome: "required",
			diaNascSocio: "required",
			mesNascSocio: "required",
			anoNascSocio: "required",
			rg: "required",
			cpf: "required",
			telefone: "required",
			email: "email",
			endereco: "required",
			bairro: "required",
			cidade: "required",
			uf: "required",
			camisa: "required",
			camisaJogador: "required",
			regulamento: "required"
		},
		messages: {
			plano: "Selecione o plano.",
			nome: "Informe seu nome.",
			diaNascSocio: "Informe o dia de nascimento.",
			mesNascSocio: "Informe o mês de nascimento.",
			anoNascSocio: "Informe o ano de nascimento.",
			rg: "Informe seu RG.",
			cpf: "Informe seu CPF.",
			telefone: "Informe seu telefone.",
			email: "Informe um e-mail correto.",
			endereco: "Informe seu endereço.",
			bairro: "Informe seu bairro.",
			cidade: "Informe sua cidade.",
			uf: "Informe seu estado.",
			camisa: "Selecione o tamanho da camisa de sócio.",
			camisaJogador: "Selecione o tamanho da camisa do jogador.",
			regulamento: "Aceite o regulamento"
		},
		errorPlacement: function(error, element) {
			error.appendTo ( '#formularioSocio' );
		}
	});
	
	var inscricao = "R$ 10 (inscrição)";
	var mensalidade = "R$ 30 (mensalidades)";
	var numDependentes = 1;
	var ss = "";
	var dependentes = "R$ 15 ("+numDependentes+" dependente"+ss+")";
	var camisa = 0;
	var textoCamisa = "";
	
	jQuery("[name=plano]").click(function() {
		checkCamisa = jQuery("[name=nomeCamisa]:checked").val();
		if(checkCamisa != 1) {
			camisa = 10;
			textoCamisa = " + R$ 10 (nome na camisa)";
		} else {
			camisa = 0;
			textoCamisa = "";
		}
	
		if(jQuery(this).index(jQuery("[name=plano]")) == -1) {
			jQuery("#infosSocioFamilia").show();
			jQuery("#valorMensal").html(inscricao + " + " + mensalidade + " + " + dependentes + textoCamisa + " = <strong>R$ "+(camisa + 10 + 30 + (15 * numDependentes)) + "</strong>");
			jQuery("#valorAnual").html("20% de desconto - " + inscricao + " + " + mensalidade + " + " + dependentes + textoCamisa + " = <strong>R$ "+ (camisa + 10 + (((30*12) + (15 * numDependentes * 12)) * 0.8)) + "</strong>");
			
			jQuery("#nomeD1Socio").rules("add", {required: true, messages: {required: "Informe o nome do primeiro dependente."}});
			jQuery("#diaNasD1").rules("add", {required: true, messages: {required: "Informe dia do nascimento do primeiro dependente."}});
			jQuery("#mesNasD1").rules("add", {required: true, messages: {required: "Informe o mês de nascimento do primeiro dependente."}});
			jQuery("#anoNasD1").rules("add", {required: true, messages: {required: "Informe o ano de nascimento do primeiro dependente."}});
			jQuery("[name=camisaD1]").rules("add", {required: true, messages: {required: "Selecione o tamanho da camisa do primeiro dependente."}});
		} else {
			jQuery("#infosSocioFamilia").hide();
			jQuery("#valorMensal").html(inscricao + " + " + mensalidade + textoCamisa + " = <strong>R$ "+(camisa + 10 + 30) + "</strong>");
			jQuery("#valorAnual").html("20% de desconto - " + inscricao + " + " + mensalidade + textoCamisa + " = <strong>R$ "+((camisa + 10 + (30 * 12)) * 0.8) + "</strong>");
			
			jQuery("#nomeD1Socio").rules("remove", "required");
			jQuery("#diaNasD1").rules("remove", "required");
			jQuery("#mesNasD1").rules("remove", "required");
			jQuery("#anoNasD1").rules("remove", "required");
			jQuery("[name=camisaD1]").rules("remove", "required");
		}
	});
	
	jQuery("#nomeD1Socio, #nomeD2Socio, #nomeD3Socio, #nomeD4Socio").change(function() {
	
		checkCamisa = jQuery("[name=nomeCamisa]:checked").val();
		if(checkCamisa != 1) {
			camisa = 10;
			textoCamisa = " + R$ 10 (nome na camisa)";
		} else {
			camisa = 0;
			textoCamisa = "";
		}

		var f = new Array();
		f[0] = document.getElementById("nomeD1Socio");
		f[1] = document.getElementById("nomeD2Socio");
		f[2] = document.getElementById("nomeD3Socio");
		f[3] = document.getElementById("nomeD4Socio");
		
		var numDependentes = 0;
		
		tamanho = f.length;

		for(var i = 0; i < tamanho; i++) { 
			if(f[i].value) {
				numDependentes++;
			}
		}
		if(numDependentes==0) numDependentes=1;
		if(numDependentes>1) ss = "s";
		
		dependentes = "R$ 15 ("+numDependentes+" dependente"+ss+")";
		
		mensal = inscricao + " + " + mensalidade + " + " + dependentes + textoCamisa + " = <strong>R$ "+(camisa + 10 + 30 + (15 * numDependentes)) + "</strong>";
		anual = "20% de desconto - " + inscricao + " + " + mensalidade + " + " + dependentes + textoCamisa + " = <strong>R$ "+ (camisa + 10 + (((30*12) + (15 * numDependentes * 12)) * 0.8)) + "</strong>";
		
		jQuery("#valorMensal").html(mensal);
		jQuery("#valorAnual").html(anual);

	});
	
	jQuery("#diaNascSocio, #mesNascSocio, #anoNascSocio").change(function() {
		dia = jQuery("#diaNascSocio").val();
		mes = jQuery("#mesNascSocio").val();
		ano = jQuery("#anoNascSocio").val();

		if(dia != "" && mes != "" && ano != "") {
			var dataCompl = new Date(ano, mes - 1, dia);
			var dataAtual = new Date();
			dataAtual.setYear(dataAtual.getYear() - 18);
			
			if (dataCompl>dataAtual) {
				//menor de 18 anos
				jQuery("#menor18").show();
				
				jQuery("#nomeRSocio").rules("add", {required: true, messages: {required: "Informe o nome do responsável."}});
				jQuery("#diaNascRSocio").rules("add", {required: true, messages: {required: "Informe dia do nascimento do responsável."}});
				jQuery("#mesNascRSocio").rules("add", {required: true, messages: {required: "Informe o mês de nascimento do responsável."}});
				jQuery("#anoNascRSocio").rules("add", {required: true, messages: {required: "Informe o ano de nascimento do responsável."}});
				jQuery("#rgRSocio").rules("add", {required: true, messages: {required: "Informe o RG do responsável."}});
				jQuery("#cpfRSocio").rules("add", {required: true, messages: {required: "Informe o CPF do responsável."}});
				jQuery("#emailRSocio").rules("add", {email: true, messages: {required: "Informe o e-mail do responsável."}});
			} else {
				//maior de 18 anos
				jQuery("#menor18").hide();
				
				jQuery("#nomeRSocio").rules("remove", "required");
				jQuery("#diaNascRSocio").rules("remove", "required");
				jQuery("#mesNascRSocio").rules("remove", "required");
				jQuery("#anoNascRSocio").rules("remove", "required");
				jQuery("#rgRSocio").rules("remove", "required");
				jQuery("#cpfRSocio").rules("remove", "required");
				jQuery("#emailRSocio").rules("remove", "email");
			}
		}
	});

	jQuery("[name=nomeCamisa]").click(function() {
		nome = jQuery(this).val();
		cor = jQuery("[name=corCamisaJogador]:checked").val();
		plano = jQuery("[name=plano]:checked").val();
		
		if(nome == 1) {
			jQuery("#nomeSocioCamisa2").html("");
		} else if(nome == 2) {
			jQuery("#nomeSocioCamisa2").html(jQuery("#nomeJogadorSocio").val());
		} else if(nome == 3) {
			jQuery("#nomeSocioCamisa2").html("<input type='text' name='nomePersonalizado' id='nomePersonalizado' size='5' />");
			jQuery("#nomePersonalizado").focus();

			if(cor == 1) {
				jQuery("#nomePersonalizado").css("color","#FF2222");
			} else if(cor == 2) {
				jQuery("#nomePersonalizado").css("color","#000000");
			} else if(cor == 3) {
				jQuery("#nomePersonalizado").css("color","#000000");
			}
		}
		
		if(nome != 1) {
			camisa = 10;
			textoCamisa = " + R$ 10 (nome na camisa)";
			
			if(plano == 1) {
				jQuery("[name=plano]:checked").click();
			} else if(plano == 2) {
				jQuery("#nomeD1Socio").change();
			}
		} else {
			camisa = 0;
			textoCamisa = "";
			
			if(plano == 1) {
				jQuery("[name=plano]:checked").click();
			} else if(plano == 2) {
				jQuery("#nomeD1Socio").change();
			}
		}
		
	});
	
	jQuery("#nomeJogadorSocio").change(function() {
		nome = jQuery("#nomeJogadorSocio").val();
		cor = jQuery("[name=corCamisaJogador]:checked").val();
		
		jQuery("#nomeSocioCamisa2").html(nome);
	});

	
	jQuery("[name=corCamisaJogador]").click(function() {
		cor = jQuery(this).val();
		numero = jQuery("[name=numCamisaJogador]:checked").val();
		
		if(cor == 1) {
			jQuery("#divFormCadastroCamisa2").css("background","url(../../wp-content/themes/basquete/images/camisa-socio-preta.jpg) top center no-repeat");
			jQuery("#nomeSocioCamisa2, #nomePersonalizado").css("color","#FF2222");
		} else if(cor == 2) {
			jQuery("#divFormCadastroCamisa2").css("background","url(../../wp-content/themes/basquete/images/camisa-socio-branca.jpg) top center no-repeat");
			jQuery("#nomeSocioCamisa2, #nomePersonalizado").css("color","#000000");
		} else if(cor == 3) {
			jQuery("#divFormCadastroCamisa2").css("background","url(../../wp-content/themes/basquete/images/camisa-socio-amarela.jpg) top center no-repeat");
			jQuery("#nomeSocioCamisa2, #nomePersonalizado").css("color","#000000");
		}
		
		mudarNumero(numero, cor);
	});
	
	jQuery("[name=numCamisaJogador]").click(function() {
		numero = jQuery(this).val();
		cor = jQuery("[name=corCamisaJogador]:checked").val();

		mudarNumero(numero, cor);
	});
	
	var mudarNumero = function(numero, cor) {
		if(cor != 3) {
			if(numero == 5) {
				jQuery("#numSocioCamisa2").css("background","url(../../wp-content/themes/basquete/images/vnum-5.png) top center no-repeat");
			} else if(numero == 6) {
				jQuery("#numSocioCamisa2").css("background","url(../../wp-content/themes/basquete/images/vnum-6.png) top center no-repeat");
			} else if(numero == 9) {
				jQuery("#numSocioCamisa2").css("background","url(../../wp-content/themes/basquete/images/vnum-9.png) top center no-repeat");
			} else if(numero == 45) {
				jQuery("#numSocioCamisa2").css("background","url(../../wp-content/themes/basquete/images/vnum-45.png) top center no-repeat");
			}
		} else {
			if(numero == 5) {
				jQuery("#numSocioCamisa2").css("background","url(../../wp-content/themes/basquete/images/pnum-5.png) top center no-repeat");
			} else if(numero == 6) {
				jQuery("#numSocioCamisa2").css("background","url(../../wp-content/themes/basquete/images/pnum-6.png) top center no-repeat");
			} else if(numero == 9) {
				jQuery("#numSocioCamisa2").css("background","url(../../wp-content/themes/basquete/images/pnum-9.png) top center no-repeat");
			} else if(numero == 45) {
				jQuery("#numSocioCamisa2").css("background","url(../../wp-content/themes/basquete/images/pnum-45.png) top center no-repeat");
			}
		}
	}
		
});