$(document).ready(function () {

	if ($('.main-header .FH').length){
		// FASHION DEPTH  ==========
		var fullMenu = '';
		$('ul.base-menu li.ifDrop').each(function(){
			fullMenu = fullMenu + '<li class="menu-drop">'+$(this).html()+'</li>';
		});
		$('.nav-menu.base-menu').addClass('container-h');
		$('ul.base-menu li.all-product-button').remove();
		$('ul.base-menu').prepend(fullMenu);
		$('ul.base-menu li > a > i').removeClass('fa-angle-right');
		$('ul.base-menu li > a > i').addClass('fa-angle-down');
		$('ul.base-menu ul.drop-list').each(function(){
			if(!$(this).parent('div.menu-dd').length){
				$('<div class="menu-dd"> </div>').insertBefore($(this));
			}
		})
		$('div.menu-dd').each(function(){
			var image = $(this).next('ul.drop-list').find('li.image').html();
			var slider = $(this).next('ul.drop-list').find('li.slider-menu').html();
			$(this).next('ul.drop-list').find('li.image').remove();
			$(this).next('ul.drop-list').find('li.slider-menu').remove();
			var subcat = $(this).next('ul.drop-list').html();
			if(subcat != undefined){
				var w = $(this).next('ul.drop-list').hasClass('w60') ? 'w60' : 'w100';
				$(this).next('ul.drop-list').remove();
				$(this).append('<ul class="drop-list clearfix '+w+'">'+subcat+'</ul>');
				if ( $(image).length ) {
					$(this).append('<div class="cat-img fr">'+image+'</div>');
				}
				if ( $(slider).length ) {
					$(this).append('<div class="slider-menu fl w100">'+slider+'</div>');
				}
			}
		});
		
		// BASE MENU  ==========
		$('ul.base-menu').show();
	};

	// FIXED HEADER
	function fixNav(){
		if (!$('.cart-menu').length && !$('.-g-template-black-friday').length){
			var nav = $('.main-header');
			var pos = nav.height();
			var posDelay = nav.height()*2;
			var prevScroll = 0;
			
			nav.addClass('fix-nav');
			
			$(window).scroll(function () {
				var fix = ($(this).scrollTop() > posDelay) ? true : false;
				if(fix){
					nav.addClass('fade-menu', fix);
					setTimeout(function() {
						nav.addClass('animate-menu');
					}, 250);
					$('body').css('margin-top', pos);
					if($(this).scrollTop() > prevScroll){
						nav.removeClass('active-menu');
					}else{
						nav.addClass('active-menu');
					}
				}else{
					$('body').css('margin-top', 0);
					nav.removeClass('fade-menu active-menu animate-menu', fix);
				}
				prevScroll = $(this).scrollTop();
			});
		}
	}
	$.Gomag.bind('Widget/Add/After', function(){
		fixNav();
		
		// BF SIDEBAR + MENU STICKY
		if($('.-g-template-black-friday').length){
			$('.main-header').css({'top' : '-' + ($('.discount-tape').height() + $('.top-head-bg').height()) + 'px'});
		}
		if($( window ).width() > 991 && $('.-g-template-black-friday').length){
			$('.landing-h .side-menu.fixed').css({'top' : $('#navigation').outerHeight() + 20 + 'px'});
		}
	})
	
	// FASHION MENU ==========
	function Menu(){
		$('.menu-dd').each(function() {
			var $this = $(this);
			var Nli = $this.find('li').length;
			var Nlink = $this.find('a').length;
			var Ncol = Math.ceil(Nlink / 15);
			var Mbanner = $this.find('.cat-img').length;
			
			Ncol = Ncol == 0 ? 1 : Ncol; 
			col = Nli > Ncol ? Ncol : Nli;
			col = (col + (Mbanner ? 1 : 0) > 4) ? 4 : col;
			$this.addClass('column' + col);
			if (Mbanner){$this.addClass('banner');};
			if ($this.find('li span > a').length == 0){
				$this.addClass('no-sub');
			};
			if ($this.hasClass('column4')){
				$this.parent().addClass('initial-h');
			};
		});
	};
	Menu();
	
	$('.main-header .menu-drop').hover(function() {
		$('.main-header .menu-drop .menu-dd').removeClass('open');
		$(this).children('.menu-dd').stop().addClass('open');
		if ( $('.slide-item-menu').length ) {
			$('.slide-item-menu').owlCarousel({items:1,navigation:!0,pagination:!1});
		
			// get owl element
			var owl = $('.slide-item-menu');

			// get owl instance from element
			var owlInstance = owl.data('owlCarousel');

			// if instance is existing
			if(owlInstance != null)
			owlInstance.reinit();
		};
	},function() {
		$('.main-header .menu-drop .menu-dd').removeClass('open');
	});

});

/* eopticon js file (apr 2022) */

function newClass(){
	if($('.main-menu ul > li > a').length){
		$('.main-menu ul > li > a').each(function(){
			var deThiTxt = $(this);
			var deThiTxtDefault = deThiTxt.text();
			if(deThiTxtDefault.indexOf('PROMOTII') > -1){
				deThiTxt.html(deThiTxt.html().replace('PROMOTII','PROMO'));
			}
			var get_txt_cls = deThiTxt.text().toLowerCase().trim().toLowerCase().trim().replace(' ','-').replace(' ','-').replace('	','-').replace('+','-').replace('*','-').replace('+','-').replace('+','-').replace(/,/g,'-').replace(/ă/g,'a').replace(/ț/g,'t').replace(/:/g,'-').replace('.','-').replace('(','-').replace(')','-').replace('.','-').replace('.','-').replace(/ /g,'-').replace(/\s/g,'-').replace('	','-').replace(/--/g,'-').replace(/--/g,'-').replace(/--/g,'-');
			deThiTxt.addClass('cls-updated cls-'+get_txt_cls);
		})
	}
}
newClass();
$(document).ready(function(){
                    $(".main-footer .col-right").replaceWith
                    ("<div class='col-md-4 col-xs-12 col col-right'><div class='payment-accepted' id='-g-payment-accepted'><p class='copyright'>©Copyright SC OPTICON SRL 2022</p><br><a href='http://www.ray-ban.com/romania/store-locator?reseller=www.eopticon.ro' target='_blank'><img src='https://www.eopticon.ro/domains2/eopticon.ro/files/files/rb-badge-2023-square-9569.png' style='min-width: 250px; min-height: 250px;'width='250' height='250'></a><div class='-g-footer-copyright-block' data-block='FooterCopyrightBlock'></div></div>");
            });

// cos cumparaturi mesaj rosu
document.body.innerHTML = document.body.innerHTML.replace('<h2 class="title">Cos de cumparaturi</h2>', '<div class="postpone-info" style="color:#c30000"><span>Nu amânați finalizarea comenzii <strong>- adăugarea produselor în coș nu rezervă produsele și nu este echivalentul cu plasarea unei comenzi ferme.</strong> </span></div><br><h2 class="title">Cos de cumparaturi</h2>');
// // promotii verde meniu
 // document.body.innerHTML = document.body.innerHTML.replace('PROMOTII', '<span style="color:#3abb00">PROMO</span>');
// popup mesaj custom
document.body.innerHTML = document.body.innerHTML.replace('Transport gratuit', '<i class="header-callout__plane-icon"> <svg xmlns="http://www.w3.org/2000/svg" class="" style="margin-bottom: -5px" width="24" viewBox="0 -6 24 24" height="29"><path fill="#289b37" fill-rule="evenodd" clip-rule="evenodd" d="M2 5v12.444h2.542C4.735 18.332 5.575 19 6.583 19s1.849-.668 2.042-1.556h7.583c.193.888 1.034 1.556 2.042 1.556 1.008 0 1.849-.668 2.042-1.556H22v-3.877l-1.408-3.225c-.383-.879-1.299-1.453-2.315-1.453H17V7.333C17 6.045 15.881 5 14.5 5H2zm17.917 10.889h.416v-2.017l-1.284-2.943a.836.836 0 00-.772-.485H17V15.5a2.173 2.173 0 011.25-.389c.682 0 1.287.306 1.667.778zm-13.334-.778c-.681 0-1.286.306-1.666.778h-1.25V6.556H14.5c.46 0 .833.348.833.777v8.556H8.25a2.133 2.133 0 00-1.667-.778zm0 2.333c.23 0 .417-.174.417-.388 0-.215-.187-.389-.417-.389-.23 0-.416.174-.416.389 0 .214.186.388.416.388zm12.084-.388c0 .214-.187.388-.417.388-.23 0-.417-.174-.417-.388 0-.215.187-.389.417-.389.23 0 .417.174.417.389z"></path></svg>  </i><span style="color:#289b37">Transport gratuit </span>');
// orar doua randuri
document.body.innerHTML = document.body.innerHTML.replace('Luni-Vineri 09:00 – 16:00; Sâmbătă, Duminică – Închis', 'Luni-Vineri 09:00 – 16:00<br>Sâmbătă, Duminică – Închis');

// buton de cumparare
var ee = document.getElementsByClassName("testimonials owl-carousel owl-theme")
// buton de cumparare pagina finalizeaza comanda
$(document).ready(function() { 
    var aa = "" + window.location
    if(aa.includes("finalizeaza-comanda"))
        document.getElementsByClassName("testimonials owl-carousel owl-theme")[0].innerHTML = '<center><a href="javascript:void(0);" id="doCheckout" class="btn btn-cmd full center -g-checkout-submit" style="display:inline-block;max-width:100%;">Trimite comanda</a><br><span><strong>Atenție!</strong> Lentilele personalizate nu sunt returnabile!</span></center>'
});
//retur 14 zile pagina produs
$(document).ready(function() {
    var element = document.getElementsByClassName("transport-info")
    if (element !== undefined && element.length > 0){
        element[0].insertAdjacentHTML("afterend", '<div class="product-right__status no-hover" style="padding-top: 8px; padding-bottom: 16px;"></span><img src="https://img.icons8.com/windows/18/000000/curly-arrow.png"/> <span class="e-tooltip-button__text">&nbsp;&nbsp;14 zile pentru retur gratuit</span></div>');
        
    }
    //if ( $(window).width() < 990)
});

$('#trusticoane').prependTo( $('.detail-tabs') );

$(document).ready(function() {
    if ( $(window).width() < 900){
        var element = document.getElementsByClassName("logo-h")
        var div = document.getElementsByClassName("mobile-icon")
        if (element !== undefined && element.length > 0 && div !== undefined && div.length > 0){
        //element.parentNode.insertBefore(div, element);
        div = div[0]
        element = element[0]
        div.parentNode.insertBefore(element, div);
        }
        
    }
});

$(document).ready(function() {
    if ( $(window).width() < 480){
        var element = document.getElementsByClassName("qty-regulator")
        if (element !== undefined && element.length > 0){
            
            element = element[0]
            element.insertAdjacentHTML('afterend', "<br/><br/>");
        }
        
        //var div = document.getElementsByClassName("mobile-icon")[0]
        //element.parentNode.insertBefore(div, element);
        //div.parentNode.insertBefore(element, div);
        
    }
});

$(document).ready(function() {
    if ( $(window).width() < 500){
        var element = document.getElementsByClassName("bPrice")
        if (element !== undefined && element.length > 0){
            
            element = element[0]
            element.insertAdjacentHTML('afterend', "<br/>");
        }
    }
});
// unbind click info transport
$(document).ready(function() {
    $('#getShippingInfo').unbind('click');
});




//JAVASCRIPT PENTRU FUNCTIA TRY-ON
var modal = document.getElementById("modal-background");

document.getElementById("modal-open-button").addEventListener("click", () => {
  openModal();
});

window.onclick = function (event) {
  if (event.target == modal) {
    closeModal();
  }
};

window.addEventListener("keydown", function (event) {
  if (event.key === "Escape") {
    closeModal();
  }
});

function openModal() {
  const iframe = document.getElementsByClassName("recommender-iframe")[1];

  if (!iframe.src) {
    iframe.src =
      "https://eyewear-v2.pttrns.ai/?shopId=64f835d16bdaf500345073ec";
  }

  modal.classList.remove("modal-container--hidden");

  setTimeout(function () {
    modal.classList.remove("modal-container--faded");
  }, 100);
}

function closeModal() {
  document.getElementsByClassName('recommender-iframe')[1].removeAttribute('src')
  
  modal.classList.add("modal-container--hidden", "modal-container--faded");
}

window.addEventListener(
  "message",
  (event) => {
    if (event.data.type === "closeIframe") {
      // Called if the iframe close button has been clicked.
      closeModal();
    }
  },
  false
);


function closeModal() {
 document.getElementsByClassName('recommender-iframe')[1].removeAttribute('src');
 modal.classList.add('modal-container--hidden', 'modal-container--faded');
}