jQuery( document ).ready(function() {
    
	if(localStorage.getItem("cookiesok")){
		jQuery("#cookiebar").remove();
	}
	
	setup();
	
	doResize();

	
	jQuery( window ).resize(function() {
  		doResize();
	});
	
	jQuery("#bookmenu i").click(function() {
  		jQuery("#bookmenu").hide();
	});
	
	jQuery(".moblogo").click(function() {
  		document.location.href = '/';
	});
	
	jQuery("#covid i").click(function() {
  		closeCovidPopup();
	});

	jQuery(".cookiebutton").click(function() {
  		acceptCookies();
	});
	
	
	
	jQuery("#mobnav > ul > li:nth-of-type(4)").hover(function() {									
		jQuery("a i", this).css("transform", "rotate(180deg)");
	});
	jQuery("#mobnav > ul > li:nth-of-type(4)").mouseleave(function() {									
		jQuery("a i", this).css("transform", "rotate(0deg)");
	});
	
	jQuery("#mainnav li").mouseenter(function() {									
		jQuery("ul", this).slideDown("fast");
	});
	jQuery("#mainnav li").mouseleave(function() {
		jQuery("ul", this).delay(1500).slideUp("fast");
	});
	
	jQuery("#mobnav li").hover(function() {									
		jQuery("ul", this).slideDown("fast");
	});
	jQuery("#mobnav li").mouseleave(function() {
		jQuery("ul", this).slideUp("fast");
	});
	
	
	jQuery("#mobnavbutton").click(function() {
  		jQuery("#mobnav").toggle();
		jQuery("#translatorWidget").toggle();
	});
	jQuery("#mobnav i").click(function() {
  		jQuery("#mobnav").toggle();
		jQuery("#translatorWidget").toggle();
	});
	
	// Booking form
    jQuery("#bookingform").submit(function(event){
        event.preventDefault()
        a_data = new Object();
        a_data['action'] = 'booking';
        a_data['data'] = jQuery("#bookingform").serialize();
        jQuery.ajax({
          type: "POST",
          url: '/wp-content/themes/rescueinstitute/ajax.php',
          dataType: "text",
          data : a_data,
          success : function(json) {
                var obj = jQuery.parseJSON(json);
                if(obj.error){
                    alert(obj.error);
                    return
                }
                if(obj.success){
                    jQuery("#bookingform").hide();
                    jQuery("#bookingResult").html(obj.html);
                    jQuery("#bookingResult").show();
                }
             }
        });
    });
	
});

function setup(){
	jQuery('p:empty'). remove();
	jQuery("#mobnav").html( jQuery("#mainnav").html());
	jQuery("#mobnav").prepend('<div id="mobNavMasthead"><div class="moblogo"></div><div><i class="fas fa-times"></i></div></div>');
}

function doResize(){
	var w = jQuery(window).width();
	//var h = jQuery(window).height();
	
	var nh = (w*0.3);
	jQuery(".hero").height(nh);
}


function animateHero(){
	jQuery(".heroOuter").removeClass("loaded");
	jQuery(".hero h1").removeClass("loaded");
}

var nsleft = 0;
function newsSlider(dir){
	var offset = jQuery("#newsSlider").width();
	var maxl = 0-(offset*2);
	
	if(dir === 'right'){
		var pos = nsleft - offset;
		if(pos < maxl){return;}
		jQuery("#newsSliderInner").css("left", pos+"px");
		nsleft = pos;
	}else{
		var pos = nsleft + offset;
		if(pos > 0){return;}
		jQuery("#newsSliderInner").css("left", pos+"px");
		nsleft = pos;
	}
}

function bookmenu(){
	jQuery("#mobnav").hide();
	jQuery("#bookmenu").toggle();
}

function filterEvents(type){
	jQuery("span").removeClass("active");
	if(type=='past'){
		jQuery("#evPast").addClass("active");
		document.location.href = '/past-events/';	
	}else{
		jQuery("#evFuture").addClass("active");
		document.location.href = '/upcoming-events/';
	}
}

function openShop(){
	window.open("https://themountshop.co.uk/");
}

function linkto(url){
	document.location.href=url;
}

var activenewsslide = 1;
function newsSlide(id){
	
	if(activenewsslide == id){return;}
	
	
    jQuery( "#mobileNews > div:nth-of-type("+activenewsslide+")" ).animate({
    	opacity: 0.4,
		transform: "translate(-30px, 0px)"
    }, 140, function() {
    	jQuery(this).hide();
		
		jQuery("#mobileNews > div:nth-of-type("+id+")").css("opacity", "0");
		jQuery("#mobileNews > div:nth-of-type("+id+")").css("display", "inline-flex");
		
		 jQuery( "#mobileNews > div:nth-of-type("+id+")" ).animate({
              opacity: 1
          }, 140, function() {
			 
		});
		
		
    });
	
	jQuery(".dotsmenu > div").removeClass("dotsactive");
	jQuery(".dotsmenu > div:nth-of-type("+id+")").addClass("dotsactive");
	activenewsslide = id;
}

function closeCovidPopup(){
	jQuery("#covid").fadeOut(100);
	localStorage.setItem("covidpopup", 'seen');
}

function acceptCookies(){
	jQuery("#cookiebar").fadeOut(100);
	localStorage.setItem("cookiesok", 'ok');
}

function loadLibrary(){
    var ID = jQuery("#group_id").val();
    var url = '/members/members-library/?ID='+ID;
    document.location.href=url;
}

function bookNow(pricemember, pricenonmember, dates, title){
    
    jQuery("#modal > div .pricemember").hide();
    jQuery("#modal > div .pricenonmember").hide();
    
    jQuery("#modal > div h2").html('Event Booking');
    jQuery("#modal > div h3").html(title);
    jQuery("#modal > div .dates").html('<strong>Dates: </strong>'+dates);
    jQuery("#modal > div .pricemember").html('<strong>Member price: </strong>£'+pricemember+' inc VAT');
    jQuery("#modal > div .pricenonmember").html('<strong>Non member price: </strong>£'+pricenonmember+' inc VAT');
    
    if(pricemember){
        jQuery("#modal > div .pricemember").show();
    }
    
    if(pricenonmember){
        jQuery("#modal > div .pricenonmember").show();
    }
    
    jQuery("#event_name").val(title);
    jQuery("#event_price_member").val(pricemember);
    jQuery("#event_price_nonmember").val(pricenonmember);
    openModal();
}

function openModal(){
    var h = jQuery(window).height();
    jQuery("#bookingResult").html('');
    jQuery("#bookingResult").hide();
    jQuery("#bookingform").show();
    jQuery("#modal").css("opacity", 0);
    jQuery("#modal").css("display", "flex");

    jQuery( "#modal" ).animate({
        opacity: 1
    }, 500);
    
}

function closeModal(){
    jQuery( "#modal" ).animate({
        opacity: 0
    }, 500);
    setTimeout(function(){
        jQuery("#modal").css("display", "none");
    }, 500);
}