jQuery(function($) 
{

	let animations = '1';
let triggering_element = 'photo';
let horizontal_position = 'center';
let vertical_position = 'middle';
let effect = 'slide';
let effect_time = '400';
let effect_direction = 'down';
let effect_out = 'back';
let effect_out_time = '400';
let effect_out_direction = 'down';
 // eslint-disable-line

	animations = parseInt(animations);

	//$("head").append('<script src="https://cdn.dcsaas.net/js/front-api-1.0.5.min.js" async=""></script>');

	$(document).ready(function()
	{
		if (triggering_element == 'product') {
			$('body')
			.on('mouseenter', '.product', function(){
				$(this).find(".img-wrap, .boximgsize").each(function(){
					animacjaMouseenter(this);
				});
			})
			.on('mouseleave', '.product', function(){
				$(this).find(".img-wrap, .boximgsize").each(function(){
					animacjaMouseleave(this);
				});
			});
		}
		else {
			$('body')
			.on('mouseenter', '.img-wrap, .boximgsize', function(){
				animacjaMouseenter(this);
			})
			.on('mouseleave', '.img-wrap, .boximgsize', function(){
				animacjaMouseleave(this);
			});
		}

	});


	function animacjaMouseenter (element) {
		if($(element).find(".org_img").length == 0){
			$($(element).find("img")[0]).addClass("org_img");
		}

		if($(element).find(".org_img").attr("data-src-alt") == null && window.frontAPI)
		{
			let parent = $(element).parent();
			while(parent.data("product-id") == undefined && !parent.is('body')){
				parent = parent.parent();
			}

			if(!parent.is('body'))
			{
				let unic = frontAPI.getProduct({id:parent.data("product-id")}).images_filename;
				if(typeof unic != 'undefined' && unic.length > 1){
					let link = $(element).find(".org_img").attr("data-src").split('_productGfx_')[0];
					$(element).find(".org_img").attr("data-src-alt", link+"_productGfx_"+unic[1]);
				}
				else{
					$(element).find(".org_img").attr("data-src-alt", "none");
				}
			}
			else{
				$(element).find(".org_img").attr("data-src-alt", "none");
			}
		}

		if($(element).find(".org_img").attr("data-src-alt") != "none" && $(element).find(".org_img").attr("data-src-alt") != null)
		{
			if(animations){
				animacjaIn(element);
			}
			else{
				$(element).find(".org_img").attr("src",$(element).find(".org_img").attr("data-src-alt"));
			}
		}
	}


	function animacjaMouseleave (element) {
		if(animations && $(element).find(".cloned_img").hasClass("cloned_img")){
			animacjaOut(element);
		}
		else{
			$(element).find(".org_img").attr("src",$(element).find(".org_img").attr("data-src"));
		}
	}

	
	function animacjaIn (element) {

		$(element).css("position","relative");
		$(element).css("overflow","hidden");
		

		if(effect == "fade"){
			if($(element).find(".org_img").queue().length > 0){
				animacjaIn_orgBackAnimation(element);
			}
			else{
				$(element).find(".org_img").stop().addClass("fadeOut").fadeOut(effect_time, function(){$(this).css({'visibility': 'hidden','display': ''}).removeClass("fadeOut");});
			}
		}
		else if(effect == "zoom"){
			if($(element).find(".org_img").queue().length > 0){
				animacjaIn_orgBackAnimation(element);
			}
			else{
				$(element).find(".org_img").stop().addClass("zoomOut").slideUp(effect_time, function(){$(this).removeClass("zoomOut");});
			}
		}


		if($(element).find(".cloned_img").hasClass("cloned_img")){
			$(element).find(".cloned_img").attr("src",$(element).find(".org_img").attr("data-src-alt"));
		}
		else{
			$(element).find(".org_img").clone().appendTo($(element)).css("height","unset").removeClass("org_img fadeOut slideUp").addClass("cloned_img").attr("src",$(element).find(".org_img").attr("data-src-alt"));
		}


		$(element).find(".cloned_img").css("position","absolute");

					
		if(effect == "slide"){

			if($(element).find(".org_img").queue().length > 0){
				if($(element).find(".org_img").hasClass("fadeIn")){
					$(element).find(".org_img").stop().removeClass("fadeIn").addClass("fadeOut").fadeOut(effect_time, function(){$(this).css({'visibility': 'hidden','display': ''}).removeClass("fadeOut");});
					$(element).find(".cloned_img").stop().removeClass("fadeOut").addClass("fadeIn").fadeIn(effect_time, function(){$(this).removeClass("fadeIn");});
				}
				else if($(element).find(".org_img").hasClass("zoomIn")){
					$(element).find(".org_img").stop().removeClass("zoomIn").addClass("zoomOut").slideUp(effect_time, function(){$(this).removeClass("zoomOut");});
					$(element).find(".cloned_img").stop().removeClass("zoomOut").addClass("zoomIn").slideDown(effect_time, function(){$(this).removeClass("zoomIn");});
				}
				else if($(element).find(".org_img").hasClass("slideFadeIn")){

					$(element).find(".org_img").stop().removeClass("slideFadeIn").addClass("slideFadeOut").fadeOut(effect_time, function(){$(this).css({'visibility': 'hidden','display': ''}).removeClass("slideFadeOut");});

					$(element).find(".cloned_img").css("transition","none");

					let effect_new_direction = 'up';
					if($(element).find(".cloned_img").hasClass("slideup")){
						effect_new_direction = "up";
					}
					else if($(element).find(".cloned_img").hasClass("slidedown")){
						effect_new_direction = "down";
					}
					else if($(element).find(".cloned_img").hasClass("slideleft")){
						effect_new_direction = "left";
					}
					else if($(element).find(".cloned_img").hasClass("slideright")){
						effect_new_direction = "right";
					}
					
					animacjaIn_clonedDirection(element, effect_new_direction);

				}
			}
			else{

				$(element).find(".org_img").stop().addClass("slideFadeOut").fadeOut(effect_time, function(){$(this).css({'visibility': 'hidden','display': ''}).removeClass("slideFadeOut");});

				animacjaIn_clonedDirection(element, effect_direction);

			}

		}
		else if(effect == "fade" || effect == "zoom"){

			$(element).find(".cloned_img").hide();


			if(horizontal_position == "left"){
				$(element).find(".cloned_img").css("left","0");
			}
			else if(horizontal_position == "center"){
				$(element).find(".cloned_img").css("left","50%");
				$(element).find(".cloned_img").css("transform","translate(-50%)");
			}
			else if(horizontal_position == "right"){
				$(element).find(".cloned_img").css("right","0");
			}


			if(vertical_position == "top"){
				$(element).find(".cloned_img").css("top","0");
			}
			else if(vertical_position == "middle"){
				$(element).find(".cloned_img").css("top","50%");
				$(element).find(".cloned_img").css("transform","translate(0,-50%)");
			}
			else if(vertical_position == "bottom"){
				$(element).find(".cloned_img").css("bottom","0");
			}


			if(horizontal_position == "center" && vertical_position == "middle"){
				$(element).find(".cloned_img").css("transform","translate(-50%,-50%)");
			}


			$(element).find(".cloned_img").css("transition","transform "+(effect_time-50)+"ms linear");


			if(effect == "fade"){
				if($(element).find(".cloned_img").queue().length > 0){
					if($(element).find(".cloned_img").hasClass("fadeOut")){
						$(element).find(".cloned_img").stop().removeClass("fadeOut").addClass("fadeIn").fadeIn(effect_time, function(){$(this).removeClass("fadeIn");});
					}
					else if($(element).find(".cloned_img").hasClass("zoomOut")){
						$(element).find(".cloned_img").stop().removeClass("zoomOut").addClass("zoomIn").slideDown(effect_time, function(){$(this).removeClass("zoomIn");});
					}
					else{

						$(element).find(".cloned_img").css("transition","none").show();

						let effect_new_direction = 'up';
						if($(element).find(".cloned_img").hasClass("slideup")){
							effect_new_direction = "up";
						}
						else if($(element).find(".cloned_img").hasClass("slidedown")){
							effect_new_direction = "down";
						}
						else if($(element).find(".cloned_img").hasClass("slideleft")){
							effect_new_direction = "left";
						}
						else if($(element).find(".cloned_img").hasClass("slideright")){
							effect_new_direction = "right";
						}
						
						animacjaIn_clonedDirection(element, effect_new_direction);

					}
				}
				else{
					$(element).find(".cloned_img").stop().addClass("fadeIn").fadeIn(effect_time, function(){$(this).removeClass("fadeIn");});
				}
			}
			else if(effect == "zoom"){
				if($(element).find(".cloned_img").queue().length > 0){
					if($(element).find(".cloned_img").hasClass("fadeOut")){
						$(element).find(".cloned_img").stop().removeClass("fadeOut").addClass("fadeIn").fadeIn(effect_time, function(){$(this).removeClass("fadeIn");});
					}
					else if($(element).find(".cloned_img").hasClass("zoomOut")){
						$(element).find(".cloned_img").stop().removeClass("zoomOut").addClass("zoomIn").slideDown(effect_time, function(){$(this).removeClass("zoomIn");});
					}
					else{

						$(element).find(".cloned_img").css("transition","none").show();

						let effect_new_direction = 'up';
						if($(element).find(".cloned_img").hasClass("slideup")){
							effect_new_direction = "up";
						}
						else if($(element).find(".cloned_img").hasClass("slidedown")){
							effect_new_direction = "down";
						}
						else if($(element).find(".cloned_img").hasClass("slideleft")){
							effect_new_direction = "left";
						}
						else if($(element).find(".cloned_img").hasClass("slideright")){
							effect_new_direction = "right";
						}
						
						animacjaIn_clonedDirection(element, effect_new_direction);

					}
				}
				else{
					$(element).find(".cloned_img").stop().addClass("zoomIn").slideDown(effect_time, function(){$(this).removeClass("zoomIn");});
				}
			}

		}

	}


	function animacjaIn_orgBackAnimation (element) {
		if($(element).find(".org_img").hasClass("fadeIn")){
			$(element).find(".org_img").stop().removeClass("fadeIn").addClass("fadeOut").fadeOut(effect_time, function(){$(this).css({'visibility': 'hidden','display': ''}).removeClass("fadeOut");});
		}
		else if($(element).find(".org_img").hasClass("zoomIn")){
			$(element).find(".org_img").stop().removeClass("zoomIn").addClass("zoomOut").slideUp(effect_time, function(){$(this).removeClass("zoomOut");});
		}
		else if($(element).find(".org_img").hasClass("slideFadeIn")){
			$(element).find(".org_img").stop().removeClass("slideFadeIn").addClass("slideFadeOut").fadeOut(effect_time, function(){$(this).css({'visibility': 'hidden','display': ''}).removeClass("slideFadeOut");});
		}
	}


	function animacjaIn_clonedDirection (element, effect_new_direction) {
		if(effect_new_direction == "down" || effect_new_direction == "up"){

			if(effect_new_direction == "down"){
				if(vertical_position != "bottom"){
					$(element).find(".cloned_img").css("top","-100%");
				}
				else{
					$(element).find(".cloned_img").css("bottom","100%");
				}
			}
			else if(effect_new_direction == "up"){
				if(vertical_position != "bottom"){
					$(element).find(".cloned_img").css("top","100%");
				}
				else{
					$(element).find(".cloned_img").css("bottom","-100%");
				}
			}


			if(horizontal_position == "left"){
				$(element).find(".cloned_img").css("left","0");
			}
			else if(horizontal_position == "center"){
				$(element).find(".cloned_img").css("left","50%");
				$(element).find(".cloned_img").css("transform","translate(-50%)");
			}
			else if(horizontal_position == "right"){
				$(element).find(".cloned_img").css("right","0");
			}


			if(vertical_position == "top"){
				$(element).find(".cloned_img").stop().addClass("slide"+effect_new_direction).animate({"top":"0"},effect_time, function(){$(this).removeClass("slide"+effect_direction);});
			}
			else if(vertical_position == "middle"){
				$(element).find(".cloned_img").stop().addClass("slide"+effect_new_direction).animate({"top":"50%"},effect_time, function(){$(this).removeClass("slide"+effect_direction);});
				$(element).find(".cloned_img").css("transition","transform "+(effect_time-50)+"ms linear");
				if(horizontal_position == "center" && vertical_position == "middle"){
					$(element).find(".cloned_img").css("transform","translate(-50%,-50%)");
				}
				else{
					$(element).find(".cloned_img").css("transform","translate(0,-50%)");
				}
			}
			else if(vertical_position == "bottom"){
				$(element).find(".cloned_img").stop().addClass("slide"+effect_new_direction).animate({"bottom":"0"},effect_time, function(){$(this).removeClass("slide"+effect_direction);});
			}

		}
		else if(effect_new_direction == "left" || effect_new_direction == "right"){

			if(effect_new_direction == "left"){
				if(horizontal_position != "right"){
					$(element).find(".cloned_img").css("left","100%");
				}
				else{
					$(element).find(".cloned_img").css("right","-100%");
				}
			}
			else if(effect_new_direction == "right"){
				if(horizontal_position != "right"){
					$(element).find(".cloned_img").css("left","-100%");
				}
				else{
					$(element).find(".cloned_img").css("right","100%");
				}
			}


			if(vertical_position == "top"){
				$(element).find(".cloned_img").css("top","0");
			}
			else if(vertical_position == "middle"){
				$(element).find(".cloned_img").css("top","50%");
				$(element).find(".cloned_img").css("transform","translate(0,-50%)");
			}
			else if(vertical_position == "bottom"){
				$(element).find(".cloned_img").css("bottom","0");
			}


			if(horizontal_position == "left"){
				$(element).find(".cloned_img").stop().addClass("slide"+effect_new_direction).animate({"left":"0"},effect_time, function(){$(this).removeClass("slide"+effect_direction);});
			}
			else if(horizontal_position == "center"){
				$(element).find(".cloned_img").stop().addClass("slide"+effect_new_direction).animate({"left":"50%"},effect_time, function(){$(this).removeClass("slide"+effect_direction);});
				$(element).find(".cloned_img").css("transition","transform "+(effect_time-50)+"ms linear");
				if(horizontal_position == "center" && vertical_position == "middle"){
					$(element).find(".cloned_img").css("transform","translate(-50%,-50%)");
				}
				else{
					$(element).find(".cloned_img").css("transform","translate(-50%)");
				}
			}
			else if(horizontal_position == "right"){
				$(element).find(".cloned_img").stop().addClass("slide"+effect_new_direction).animate({"right":"0"},effect_time, function(){$(this).removeClass("slide"+effect_direction);});
			}

		}
	}


	function animacjaOut (element) {

		if(effect_out == "back"){

			effect_out = effect;
			effect_out_time = effect_time;
			if(effect_out == "slide"){
				effect_out_direction = effect_direction;
			}

		}
		if(effect_out == "fade"){
			if($(element).find(".org_img").queue().length > 0){

				animacjaOut_backAnimation(element);

			}
			else{
				$(element).find(".org_img").stop().addClass("fadeIn").css({'visibility': '','display': 'none'}).fadeIn(effect_out_time, function(){$(this).removeClass("fadeIn");});
				$(element).find(".cloned_img").stop().addClass("fadeOut").fadeOut(effect_out_time, function(){$(this).removeClass("fadeOut").remove();});
			}
		}
		else if(effect_out == "zoom"){
			if($(element).find(".org_img").queue().length > 0){

				animacjaOut_backAnimation(element);

			}
			else{
				$(element).find(".org_img").stop().addClass("zoomIn").slideDown(effect_out_time, function(){$(this).removeClass("zoomIn");});
				$(element).find(".cloned_img").stop().addClass("zoomOut").slideUp(effect_out_time, function(){$(this).removeClass("zoomOut").remove();});
			}
		}
		else if(effect_out == "slide"){
			if($(element).find(".org_img").queue().length > 0){

				animacjaOut_backAnimation(element);

			}
			else{
				$(element).find(".org_img").stop().addClass("slideFadeIn").css({'visibility': '','display': 'none'}).fadeIn(effect_out_time, function(){$(this).removeClass("slideFadeIn");});
				
				if(effect_out_direction == "down"){
					if(horizontal_position != "center"){
						$(element).find(".cloned_img").css("transform","translate(0%)");
					}
					else{
						$(element).find(".cloned_img").css("transform","translate(-50%)");
					}

					if(vertical_position != "bottom"){
						$(element).find(".cloned_img").stop().addClass("slide"+effect_out_direction).animate({"top":"-100%"},effect_out_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
					}
					else{
						$(element).find(".cloned_img").stop().addClass("slide"+effect_out_direction).animate({"bottom":"100%"},effect_out_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
					}
				}
				else if(effect_out_direction == "up"){
					if(horizontal_position != "center"){
						$(element).find(".cloned_img").css("transform","translate(0%)");
					}
					else{
						$(element).find(".cloned_img").css("transform","translate(-50%)");
					}

					if(vertical_position != "bottom"){
						$(element).find(".cloned_img").stop().addClass("slide"+effect_out_direction).animate({"top":"100%"},effect_out_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
					}
					else{
						$(element).find(".cloned_img").stop().addClass("slide"+effect_out_direction).animate({"bottom":"-100%"},effect_out_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
					}
				}
				else if(effect_out_direction == "left"){
					if(vertical_position != "middle"){
						$(element).find(".cloned_img").css("transform","translate(0%)");
					}
					else{
						$(element).find(".cloned_img").css("transform","translate(0, -50%)");
					}

					if(horizontal_position != "right"){
						$(element).find(".cloned_img").stop().addClass("slide"+effect_out_direction).animate({"left":"100%"},effect_out_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
					}
					else{
						$(element).find(".cloned_img").stop().addClass("slide"+effect_out_direction).animate({"right":"-100%"},effect_out_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
					}
				}
				else if(effect_out_direction == "right"){
					if(vertical_position != "middle"){
						$(element).find(".cloned_img").css("transform","translate(0%)");
					}
					else{
						$(element).find(".cloned_img").css("transform","translate(0, -50%)");
					}

					if(horizontal_position != "right"){
						$(element).find(".cloned_img").stop().addClass("slide"+effect_out_direction).animate({"left":"-100%"},effect_out_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
					}
					else{
						$(element).find(".cloned_img").stop().addClass("slide"+effect_out_direction).animate({"right":"100%"},effect_out_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
					}
				}
			}
		}

	}


	function animacjaOut_backAnimation (element) {
		if($(element).find(".org_img").hasClass("fadeOut")){
			$(element).find(".org_img").stop().removeClass("fadeOut").addClass("fadeIn").css({'visibility': '','display': 'none'}).fadeIn(effect_time, function(){$(this).removeClass("fadeIn");});
			$(element).find(".cloned_img").stop().removeClass("fadeIn").addClass("fadeOut").fadeOut(effect_time, function(){$(this).removeClass("fadeOut").remove();});
		}
		else if($(element).find(".org_img").hasClass("zoomOut")){
			$(element).find(".org_img").stop().removeClass("zoomOut").addClass("zoomIn").slideDown(effect_time, function(){$(this).removeClass("zoomIn");});
			$(element).find(".cloned_img").stop().removeClass("zoomIn").addClass("zoomOut").slideUp(effect_time, function(){$(this).removeClass("zoomOut").remove();});
		}
		else if($(element).find(".org_img").hasClass("slideFadeOut")){

			$(element).find(".org_img").stop().removeClass("slideFadeOut").addClass("slideFadeIn").css({'visibility': '','display': 'none'}).fadeIn(effect_time, function(){$(this).removeClass("slideFadeIn");});
			
			if(effect_direction == "down"){
				if(horizontal_position != "center"){
					$(element).find(".cloned_img").css("transform","translate(0%)");
				}
				else{
					$(element).find(".cloned_img").css("transform","translate(-50%)");
				}

				if(vertical_position != "bottom"){
					$(element).find(".cloned_img").stop().addClass("slide"+effect_direction).animate({"top":"-100%"},effect_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
				}
				else{
					$(element).find(".cloned_img").stop().addClass("slide"+effect_direction).animate({"bottom":"100%"},effect_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
				}
			}
			else if(effect_direction == "up"){
				if(horizontal_position != "center"){
					$(element).find(".cloned_img").css("transform","translate(0%)");
				}
				else{
					$(element).find(".cloned_img").css("transform","translate(-50%)");
				}

				if(vertical_position != "bottom"){
					$(element).find(".cloned_img").stop().addClass("slide"+effect_direction).animate({"top":"100%"},effect_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
				}
				else{
					$(element).find(".cloned_img").stop().addClass("slide"+effect_direction).animate({"bottom":"-100%"},effect_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
				}
			}
			else if(effect_direction == "left"){
				if(vertical_position != "middle"){
					$(element).find(".cloned_img").css("transform","translate(0%)");
				}
				else{
					$(element).find(".cloned_img").css("transform","translate(0, -50%)");
				}

				if(horizontal_position != "right"){
					$(element).find(".cloned_img").stop().addClass("slide"+effect_direction).animate({"left":"100%"},effect_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
				}
				else{
					$(element).find(".cloned_img").stop().addClass("slide"+effect_direction).animate({"right":"-100%"},effect_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
				}
			}
			else if(effect_direction == "right"){
				if(vertical_position != "middle"){
					$(element).find(".cloned_img").css("transform","translate(0%)");
				}
				else{
					$(element).find(".cloned_img").css("transform","translate(0, -50%)");
				}

				if(horizontal_position != "right"){
					$(element).find(".cloned_img").stop().addClass("slide"+effect_direction).animate({"left":"-100%"},effect_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
				}
				else{
					$(element).find(".cloned_img").stop().addClass("slide"+effect_direction).animate({"right":"100%"},effect_time, function(){$(this).removeClass("slide"+effect_direction).remove();});
				}
			}

		}
	}


});