/// Site Main JS 
// v20170522

$(document).ready(function () {
    changeLogoTitle();

    //SELECT FORM
    var headerHeight = $(".mainMenu").outerHeight() + 10;
    $('span.subscribe').click(function (e) {
        e.preventDefault();
        if ($('.section-form-rec').is(":visible")) {
            $('.section-form-rec').hide();
            $('.simple-text span').removeClass('active');
        }
        $('.section-form-blog').show();
        $(this).addClass('active');
        $(this).animatescroll({
            scrollSpeed: 1000,
            easing: 'easeOutQuad',
            padding: headerHeight
        });
    });
    $('span.recommend').click(function (e) {
        e.preventDefault();
        if ($('.section-form-blog').is(":visible")) {
            $('.section-form-blog').hide();
            $('.simple-text span').removeClass('active');
        }
        $('.section-form-rec').show();
        $(this).addClass('active');
        $(this).animatescroll({
            scrollSpeed: 1000,
            easing: 'easeOutQuad',
            padding: headerHeight
        });
    });
});

//************************************************************** EVENTS **************************************************************//

//cria campo titulo nos Formularios de inscrição do backoffice
$("#recBlog").on("change", function () {
    $("#recBlog2").val($(this).val());
});

//cria campo titulo nos Formularios de recomendação do backoffice
$("#inscBlog").on("change", function () {
    $("#inscBlog2").val($(this).val());
});


//seleciona o tipo de categoria a aparecer dependendo da data
$("#date").on("change", function () {
    $(".cat-error").hide();
    $(".cat-blog-revelacao").hide();
    $('.inscSelectCategoria').removeClass('selected');
    $('.inscSelectCategoria input[type="checkbox"]').prop('checked', false);

    if ($(this).val() === "") {
        $(".inscVlogsList").hide();
        $(".inscBlogsList").hide();
        return;
    }

    var dateOneYear = new Date("2016-05-24");
    var lastDate = new Date("2017-05-22");
    var date = new Date($(this).val());

    // < 24/05/2016
    if (date < dateOneYear) {
        $(".inscTipo").fadeIn();
    } else {
        $(".inscTipo").hide();
        $(".inscVlogsList").hide();
        $(".inscBlogsList").hide();

        if (date > lastDate) {
            $(".cat-error").fadeIn();
            return;
        }

        $(".inscSelectCategoria").addClass('selected').css('opacity', '1');
        $('#blog_revelacao').prop('checked', true);
        $(".cat-blog-revelacao").fadeIn();
        return;
    }
});


//Desbloqueia as categorias de blog no formulario de inscrição
$('.inscBlog').click(function (e) {
    e.preventDefault();
    $('.inscVlog').removeClass('active');
    $(this).addClass('active');
    $(".inscVlogsList").hide();
    $(".inscBlogsList").fadeIn();
});

//Desbloqueia as categorias de vlog no formulario de inscrição
$('.inscVlog').click(function (e) {
    e.preventDefault();
    $('.inscBlog').removeClass('active');
    $(this).addClass('active');
    $(".inscBlogsList").hide();
    $(".inscVlogsList").fadeIn();
});

//Desbloqueia as categorias de blog no formulario de recomendados
$('.recBlog').click(function (e) {
    e.preventDefault();
    $('.recVlog').removeClass('active');
    $(this).addClass('active');
    $(".recVlogsList").hide();
    $(".recBlogsList").fadeIn();
});

//Desbloqueia as categorias de vlog no formulario de recomendados
$('.recVlog').click(function (e) {
    e.preventDefault();
    $('.recBlog').removeClass('active');
    $(this).addClass('active');
    $(".recBlogsList").hide();
    $(".recVlogsList").fadeIn();
});


//Selecção da categoria das inscrições
$('.inscSelectCategoria').on('click', function () {
    $('.inscSelectCategoria').removeClass('selected');
    $('.inscSelectCategoria input[type="checkbox"]').prop('checked', false);
    $(this).addClass('selected');
    $('input[type="checkbox"]', this).prop('checked', true);
});

//Selecção da categoria das recomendações
$('.recSelectCategoria').on('click', function () {
    $('.recSelectCategoria').removeClass('selected');
    $('.recSelectCategoria input[type="checkbox"]').prop('checked', false);
    $(this).addClass('selected');
    $('input[type="checkbox"]', this).prop('checked', true);
});


//submissão do formulário de inscrição
$("form#formulario-inscricao").submit(function (e) {
    e.preventDefault();
    var formData = new FormData($(this)[0]);

    if ($("#formulario-inscricao").valid() && checkBox() && captchaValid(recaptcha1)) {
        $("#sbmt-insc-form").attr('disabled','disabled');
        $.ajax({
            url: '/uploadService/formUpload.html',
            type: 'POST',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (data) {
                if (data === "erro-blog-already-exists") {
                    $("#formulario-inscricao, #inscricao .section-form-blog, #inscricao .section-header, .form-type-select").remove();
                    $('#inscricao .applyform').append("<div class='section-header' style='font-size:36px; text-transform: none;'>Este blog já foi inscrito.</div><p style='text-align:center; font-size=24px;'>Para mais informações contacte-nos através do email <a style='font-weight: bold; color: #FCAF17;' href='mailto:blogsdoano@mediacapital.pt'>blogsdoano@mediacapital.pt</a>.</br>Obrigado.</p>");
                    $('#inscricao').animatescroll({
                        scrollSpeed: 1000,
                        easing: 'easeOutQuad',
                        padding: 80
                    });
                } else {
                    $("#formulario-inscricao, #inscricao .section-form-blog, #inscricao .section-header, .form-type-select").remove();
                    $('#inscricao .applyform').append("<div class='section-header'>Obrigado</div><p style='text-align:center'>A sua inscrição foi enviada com sucesso.</p>");
                    $('#inscricao').animatescroll({
                        scrollSpeed: 1000,
                        easing: 'easeOutQuad',
                        padding: 80
                    });
                }
            }
        });
    } else {
        $('#inscricao').animatescroll({
            scrollSpeed: 1000,
            easing: 'easeOutQuad',
            padding: 80
        });
    }
});
//submissão do formulário de recomendação
$("form#formulario-recomendado").submit(function (e) {
    e.preventDefault();
    var formData = new FormData($(this)[0]);

    if ($("#formulario-recomendado").valid() && checkBox() && captchaValid(recaptcha2)) {
        $("#sbmt-rec-form").attr('disabled','disabled');
        $.ajax({
            url: '/uploadService/formUpload.html',
            type: 'POST',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (data) {
                $("#formulario-recomendado, #inscricao .section-form-rec, #inscricao .section-header, .form-type-select").remove();
                $('#inscricao .applyform').append("<div class='section-header'>Obrigado</div><p style='text-align:center'>O sua recomendação foi enviada com sucesso.</p>");
                $('#inscricao').animatescroll({
                    scrollSpeed: 1000,
                    easing: 'easeOutQuad',
                    padding: 80
                });

            }
        });

    } else {
        $('#inscricao').animatescroll({
            scrollSpeed: 1000,
            easing: 'easeOutQuad',
            padding: 80
        });
    }
});
//FORM CATEGORIES SELECTION
// MOREIRA 
$(".blogOpt").click(function (e) {
    e.preventDefault();
    var blog = $(this).parent('li');
    var form = $(this).parent('form');
    if (blog.hasClass('selected')) {
        blog.removeClass('selected');
        $(this).children('input').attr('checked', false);
    } else {
        if ($('.selected').length > 0) {
            $(this).children('input').attr('checked', false);
            $('.selected').removeClass('selected');
        }
        blog.addClass('selected');
        $(this).children('input').attr('checked', true);
    }
});
$('a.wheelmenu').on("click", function (e) {
    e.preventDefault();
    e.stopPropagation();
    if ($('#wheelmenu').css("visibility") === "hidden") {
        showMenu();
    } else {
        hideMenu();
    }
});
$('a.fb-btn, a.tw-btn, a.ins-btn').on('click', function () {
    if ($('#wheelmenu').css("visibility") === "hidden") {
//do nothing
    } else {
        hideMenu();
    }
});
$('html').click(function (e) {
    if ($('#wheelmenu').css("visibility") === "hidden") {
// handle non visible state
    } else {
        hideMenu();
    }
    $('#wheelmenu').on('click', function (e) {
        e.stopPropagation();
    });
});
$(".home-btn").click(function (e) {
    $('#home').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
    hideMenu();
    e.preventDefault();
});
$(".o-que-e-btn").click(function (e) {
    $('#o-que-e').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
    hideMenu();
    e.preventDefault();
});
$(".categorias-btn").click(function (e) {
    $('#categorias').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
    hideMenu();
    e.preventDefault();
});
$(".jurados-btn").click(function (e) {
    $('#jurados').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
    hideMenu();
    e.preventDefault();
});
$(".incricao-btn").click(function (e) {
    e.preventDefault();
    $('#inscricao').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
    hideMenu();
    e.preventDefault();
});
$(".votacao-btn").click(function (e) {
    $('#votacao').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
    hideMenu();
    e.preventDefault();
});
$(".faqs-btn").click(function (e) {
    $('#faqs').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
    hideMenu();
    e.preventDefault();
});
$(".news-btn").click(function (e) {
    $('#newsletter').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
    hideMenu();
    e.preventDefault();
});
//pub scroll
$('.mrecone').stick_in_parent({
    parent: '#wrapperone',
    spacer: false,
    offset_top: 100
});
$('.mrectwo').stick_in_parent({
    parent: '#wrappertwo',
    spacer: false,
    offset_top: 100
});


$('header').stick_in_parent({
    parent: 'body',
    recalc_every: 1,
    spacer: false,
    offset_top: 0
});
//PERGUNTA DO DIA
//VER RESULTADOS

$('.verResultados').click(function (e) {
    e.preventDefault();
    var wrapper = $(this).closest('.sondagemDiv');
    $('.bar', wrapper).toggle('slow');
    var texto = $(this).html().trim();
    if (texto === 'Esconder') {
        $(this).html('Ver resultados');
        $('.radio input[type="radio"]', wrapper).hide();
        $(".sondagem-options li").removeClass("input-selected");
    } else {
        $(this).html('Esconder');
        $('.radio input[type="radio"]', wrapper).show();
        $(".sondagem-options li").removeClass("input-selected");
    }
});

//VOTAR
$('.btn-vote').click(function (e) {
	
	e.preventDefault();
	
	if(!window.iol.isUserLoggedIn()) {
		window.iol.navigate('iol/login', 'Para votar, deverá estar autenticado, efectue por favor o login, ou registe-se, se ainda não for nosso utilizador.');
	} else {
		var form = $(this).parent('form');
	    // check se foi escolhida resposta
	    if ($('.selected', form).length < 1) {
	    	$('#vote_msg').remove();
	        $(form).append('<div id="vote_msg" style="width:auto; color: #ffba00; background: rgba(0,0,0,0.4); padding: 20px 20px; margin: 20px 0; border-radius: 20px;">Por favor escolha o Blog em que quer votar, 1ª clicando em cima da imagem do Blog, 2º clicando em VOTAR.</div>');
	        return;
	    }
	    
	    // desativar votar e mostrar loading
	    $(this).attr('disabled', 'disabled').val('').css({color: 'yellow', background: 'transparent'});
	    var sondagemId = $('input[name="sondagemId"]', form).val();
	    //VERFICA A COOKIE SE JÁ VOTOU
	    
	    if (Cookies.get('votou_' + sondagemId) !== undefined) {
	    	$('.btn-vote', form).remove();
	    	$('#vote_msg').remove();
	        $(form).append('<div  id="vote_msg" style="width:auto; color: #ffba00; background: rgba(0,0,0,0.4); padding: 20px 20px; margin: 20px 0; border-radius: 20px;">Já votou nesta sondagem.</div>');
	        return false;
	    } else {
	    	window.iol.getAccessToken().subscribe(
    			function(token) {
    				console.log(token);
    				// envio da resposta
    		        $.post('/vota.do', {
    		        	'sondagemId': sondagemId, 
    		            'respostaId': $('.selected', form).children('label').children('input').val(),
    		            'token': token
    		        	               
    		        })
    		        .error(function (e) {
    		        		$('.btn-vote', form).remove();
    		        		$('#vote_msg').remove();
    		        		$(form).append('<div id="vote_msg" style="width:auto; color: #ffba00; background: rgba(0,0,0,0.4); padding: 20px 20px; margin: 20px 0; border-radius: 20px;">'+e.statusText+'</div>');
    		    	})
    		    	.done(function (e) {
    		        		//Set persistent cookie that lasts 24h for workaround closing browser and (the illusion of) voting again
    		        		Cookies.set('votou_' + sondagemId, 'true', {expires: 1});
    		        		$('.btn-vote', form).remove();
    		        		$('#vote_msg').remove();
    		        		$(form).append('<div  id="vote_msg" style="width:auto; color: #ffba00; background: rgba(0,0,0,0.4); padding: 20px 20px; margin: 20px 0; border-radius: 20px;">Obrigado. Poderá votar novamente nesta categoria após 24 horas.</div>');
    		        		$('.verResultados', form).hide(); // esconder botão resultados
    		        		$('.radio input[type="radio"]', form).hide();
    		        		$('.bar', form).fadeIn('slow'); // mostrar resultados
    		        		$(".sondagem-options li").removeClass("input-selected");
    		    	});
    			},
    			function(e) {
    				$('#vote_msg').remove();
    				$(form).append('<div  id="vote_msg" style="width:auto; color: #ffba00; background: rgba(0,0,0,0.4); padding: 20px 20px; margin: 20px 0; border-radius: 20px;">Obrigado. Poderá votar novamente nesta categoria após 24 horas.</div>');		
    			}
    		);
	    }
	    return false;
	}
});
// BT INSCRICOES
$('.bt-fim').on('click', function (e) {
    e.preventDefault();
    $('#inscricao').animatescroll({
        scrollSpeed: 1000,
        easing: 'easeOutQuad',
        padding: 80
    });
});
//************************************************************** FUNCTIONS **************************************************************//

//
//*** CHANGE MENU NAV BAR ***//
function changeLogoTitle() {
    if (!$('body').hasClass('_homepage')) {
        $("#logoImg").show();
        $(".mainMenu .logo").show();
    }
    
    if ($(window).width() <= 768 && $('body').hasClass('_homepage')) {
        if (window.scrollY !== 0) {
            $(".mainMenu .logo").addClass('showlogo');
        }
        window.addEventListener('scroll', changeMenuTitleMobileListener);
    }
    
}

//*** CHANGE MENU NAV BAR LISTENER ***//
function changeMenuTitleMobileListener() {
    if ($('body').hasClass('_homepage')) {
        var body = $(".mainFeatureShare").offset().top - 150;
        if (window.scrollY < body) {
//$(".mainMenu .logo").fadeOut(800);
            $(".mainMenu .logo").removeClass('showlogo');
        }
        if (window.scrollY >= body) {
//$(".mainMenu .logo").fadeIn(800);
            $(".mainMenu .logo").addClass('showlogo');
        }
    }
}

$(function () {
    //----- OPEN
    $('[data-popup-open]').on('click', function (e) {
        var targeted_popup_class = jQuery(this).attr('data-popup-open');
        $('[data-popup="' + targeted_popup_class + '"]').fadeIn(350);
        e.preventDefault();
    });
    //----- CLOSE
    $('[data-popup-close]').on('click', function (e) {
        var targeted_popup_class = jQuery(this).attr('data-popup-close');
        $('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);
        e.preventDefault();
    });
});
//FORM DATEPICKER
$(function () {
    $('#date').combodate({
        minYear: 1999,
        maxYear: 2017
    });
});
//CAPTCHA VALIDATION
function captchaValid(e) {
    if (grecaptcha.getResponse(e).length > 0) {
        $('.captcha-error').remove();
        return true;
    } else {
        $('.captcha-error').html('<label class="error">Por favor valide "Não sou um robô".</label>').fadeIn();
        $('.captcha-error').addClass("error");
        return false;
    }
}

//FORM CATEGORIES VALIDATION 
function checkBox() {
    if ($('.selected').length === 0) {
        $('.catError').show();
        return false;
    }
    else{
        $('.catError').hide();
        return true;
    }
}

//MENU
function hideMenu() {
    var objHeight = $('#wheelmenu').outerHeight();
    $('#wheelmenu').animate({
        bottom: '-' + objHeight + 'px'
    }, 300, function () {
        $(this).css({
            visibility: 'hidden'
        });
    });
}

function showMenu() {
    $('#wheelmenu').css({
        visibility: 'visible'
    }).animate({
        bottom: '0'
    }, 300);
}