<div id="app_settings" class="popup-form-settings-panel" style="display:none;line-height:1em">
 
	 <div id="template_selector">
	 	 <div id="selectTemplateButton" class="template-blank t-t" onClick="expandPopupList()"><span style="color: white;margin-left: 16px;">Pop-up Preset:</span></div>
		 <ol id="selectable" name="template" value="vbid-3726659f-w2ypdu1q"> 
			<li class="ui-widget-content item" value="vbid-3726659f-w2ypdu1q" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/jMZ2Tw7t9eo82rnDlzvQDDSZNwIiAbqay7BsrRp52KG-pG-z1FgVaJhM98fGZG1ccpaOBxBMKyhzXZcu=s250')"></li>
			<li class="ui-widget-content item" value="vbid-a89f3468-iidd4ogs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/VHK8JHwEKjVw5TrU4PFrbz8hPl9gcYyBBks4sKi-Fu4E49EkyJP5kkKIwyGza_twYzEzz9cWYj4bZZXHlg=s250')"></li>
			<li class="ui-widget-content item" value="vbid-09eff374-gv8ydiax" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/DWJSGNQnK3rUlrSrNHh42jPK5Vbv3BADTVKT6rTCdgvTUMdDOwRl9zqdj7pGGvWEv5CYsBccfGLPvW7vcg=s250')"></li>
			<li class="ui-widget-content item" value="vbid-68e23454-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/JHTgLyt3TylCweRRUgmDOj2GYgUQSe5PG-ouOGhc0Tbd5E8gTZRlgZ6DD3rjIrO5_uJuExOIoc-ikbFl0QI=s250')"></li>
			<li class="ui-widget-content item" value="vbid-d0f47672-abrgqdbx" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/A1q1oUvOhHr5x6XPCg25ZSVWlHZiGYNyJjg3KEo0AQkW7WZ8-T97NxHlERgE-HHBOtrkr5WviuD3VczAHw=s250')"></li>
			<li class="ui-widget-content item" value="vbid-62eb84cb-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/lI9-tyIeV4shBhB3CCtPUlLJrCcFfA728fRiwTZUGog9IPqnYf-hkFrpcQJBG2txCyo7qRa-9jLWRm119Yg=s250')"></li>
			<li class="ui-widget-content item" value="vbid-14be725f-pzignpuh" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/pxUXT18hfh3c5fxXuNup8HOAX321dtizmIyBuBuk7ZLEGTMuoIwoRN2dSaMGpJTxMj0BLu_qD0eBfDBp=s250')"></li>
			<li class="ui-widget-content item" value="vbid-a7d541ad-2iozfb83" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/Uwc3LraWb-syaYpszX2GgAJCLhd7EpCzeZ9s-wdv40oCELZuki2LO67NCEqQ4eOX3jq97sBzhwaJJOfNkTQ=s250')"></li>
			<li class="ui-widget-content item" value="vbid-e237c3c6-ayispqnk" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/4ggYTwR9MatkGWanFU1nQTwp9JrRWYf8zBgG0dOpgQiwPIk4tYtqvgL_4DwTKdedHOU_NKShA7Zde_nsbCU=s250')"></li>
			<li class="ui-widget-content item" value="vbid-7223cae6-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/_mkGXVIE9zotGkYvdJzqu8O3w6Ni7vAHIulYFpYKIz8aoYEG1nGG2za31ijw9w46yclRz6-2Y6-fuAK_pQ=s250')"></li>
			<li class="ui-widget-content item" value="vbid-02ce650d-0e85yjxy" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/T_yIk-VmAwIwZ5rL6r8_zH8IyX6qSxCSERuGwwwDkNw0WE9ZemxE3f5jXo3mmWXOZFzDFqdHB5g1qrmTSAs=s250')"></li>
			<li class="ui-widget-content item" value="vbid-bddafde3-0xlbdgxw" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/sQVik7kseAfLUnZwEHCspRYPCB8kCqATmSrrncLccDpTvZZhGyP2HzHyCVWCMDvyU8mee12aZFWXm8B_=s250')"></li>
			<li class="ui-widget-content item" value="vbid-ad1b7e75-udmmq7ka" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/zohwE8liYP0dVl96s3CsOR-26tDzcCI3A3F4X35DbKyGxKssTh0UyviLBSNTBpfCgK4JEbhCeDcDEBNNXw=s250')"></li>
			<li class="ui-widget-content item" value="vbid-a86ce9b6-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/DOnLWB4PeczAQPeWWpq9voKMb1mVkgRpWpxm7uX_yjoLagAxzIJFauWVHQqqzW4bFaD0mKhWowYPDDHldA=s250')"></li>
			<li class="ui-widget-content item" value="vbid-b7756e4f-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/WCR2bG62NvuH6t9gN280oemGW8JYIZnVt_UFC3wM3ZRCdkl5Po619_Tfgb9pglMGPiFwQhwgIxdoqDlS=s250')"></li>
			<li class="ui-widget-content item" value="vbid-57286964-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/P1eBKYoYrGaj3ZV7swtXte706n4jfuIqTRvuNDTljpOZUBhgArr3uD0yZSoJWe7cqM19fEfELNC0DVFJkQ=s250')"></li>
			<li class="ui-widget-content item" value="vbid-627dc7e6-s5pdf8f2" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/rrrM4d3RIw5wYJ1TAo0gt0G09mwJ5sXLvAQt8zTBl8aCs_BJXP4zH_lvfVE3y-J-zek5-i9NmR-mv8zW=s250')"></li>
			<li class="ui-widget-content item" value="vbid-8ff732dd-abrgqdbx" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/tBT3-1uAyuGx4N7g9L9izG6TZoVf96Ly-9OgvTBJaTRqLWGOiIizej9ekbjKnyD7BmaAcJcw1WYHap_M=s250')"></li>
			<li class="ui-widget-content item" value="vbid-466845d0-iidd4ogs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/ApteRE0sFclf1R2YJCTxGfXtgTdkKaTqj0KpFD0vwfmOxQyhMKGlUqFKm5pzcor1yd99aM72ygnUxVAVVg=s250')"></li>
			<li class="ui-widget-content item" value="vbid-dd9c4df1-u8eh7xv3" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/9xxMvka-ASkV2HFYfqn09hrBvTnhpdSt8tw53ULB19ZXhhSR0DNGCc4ON4zrvXGiin2U309HL-Psqa_m=s250')"></li>
			<li class="ui-widget-content item" value="vbid-e59d5107-kqgmxt5n" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/7s2eqiLGtVW2cKq9PmypBj7DPgK1QTI1M0TqKCyIjpk1Wm8uTjGgUs2vV6glSoA90MBYOCGWxW0vQ9Ri-S4=s250')"></li>
			<li class="ui-widget-content item" value="vbid-05fbf368-36hyxloh" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/j2UVF0-_NqZitrzY7Jw_dB8NwbKR_Oe6jt8nV8w2PG3v4N-MSxqrJiAnmBBrxSl88vXEuuOr44pZFjT_=s250')"></li>
			<li class="ui-widget-content item" value="vbid-71c36603-wgdrzlzs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/MHyRWCeEK8VShirpKgHhNHaEE5xWhpEYJwUOU493peeHFU_140TE0QYHOc3SYxFXmTXbslSda5Kor5cyMQ=s250')"></li>
			<li class="ui-widget-content item" value="vbid-275d0285-tpvaafiz" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/gf1RbaxV8A9eXPzZm1xdosCEBJpTtwRs09VeEezhMlz86t0t1iNpXyzOhld_2-btPD8pnTBjlkAfzaM5kQ=s250')"></li>
			<li class="ui-widget-content item" value="vbid-ae924c98-yeqviu8q" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/uD8xDAgVKM8wavlw9JwcE1UNMKU-9rSaZ8HlRayRNRw90JClCJRo3_3Cj-zez000qwXpNqA2DXm-KttA2KY=s250')"></li>
		</ol>
	</div>
	<div id='template_params'>
		 <label class='app_text_label t-t' style="width:103px;margin-left: -8px;">Location: </label>
		  <select class='app_field_input' style="width:150px" name="locationOption" onChange="locationSelected(this.value)">
			  <option value="center">Centered</option>
			  <option value="bottom_right">Bottom Right</option>
			  <option value="fullscreen">Fullscreen</option>
		 </select>
		 <br>
		  
		 <label class='app_text_label short_label t-t' name="popupWidth">Width </label>
		 <input class='app_field_input short_field' type="number" name="popupWidth" style="width:70px">
		 
		 <label class='app_text_label short_label t-t' name="popupHeight" style="margin-left: 35px;">Height </label>
		 <input class='app_field_input short_field' type="number" name="popupHeight" style="width:70px"><br><br>
		
		 <label class='app_text_label t-t' style="width:8em;margin-left: -8px;">Pop Options: </label><br>
		 <input class='app_field_input' type="checkbox" id="timer" name="popingOptions" checked><label class='app_text_label' style="margin-left: 6px;margin-right: 0px;margin-top: 5px;">Timer </label>
		 <input class='app_field_input' type="checkbox" id="on_scroll" name="popingOptions"><label class='app_text_label' style="margin-left: 6px">On Scroll </label>
		 <input class='app_field_input' type="checkbox" id="on_exit" name="popingOptions" style="margin-left: 6px;"><label class='app_text_label' style="margin-left: 6px;margin-right: 0px;">On Exit </label>
		 <br>
		
		 <div class="extra_options timer" style="display:none">
		 	<label class='app_text_label long_label t-t' style='margin-right: 5px;'>Pop after</label>
		 	<input class='app_field_input short_field' type="number" name="timeToPopup">
		 	<label class='app_text_label long_label t-t' style='width:67px;margin-left: 5px;'>  seconds</label><br>
		 </div>
		
		 <div class="extra_options on_scroll" style="display:none">
		 	<label class='app_text_label long_label t-t' style='margin-right: 5px;'>Pop after scrolling</label>
		 	<input class='app_field_input short_field' type="number" name="endPrecent"> 
		 	<label class='app_text_label long_label t-t' style='width: 77px;margin-left: 5px;'> % of the page</label><br>
		 </div>
		 
		 <!-- 
		 <div class="extra_options on_exit" style="display:none">
		 	<label class='app_text_label long_label' style="margin-top: 5px;">Every page Reload </label>
		 	<input class='app_field_input' type="checkbox" name="aggressive"><br>
		 </div>
		  -->
	</div>
</div>

<script>

var/*<{*/popupWidth/*}*/ = /*{*/1200/*}>*/;
var/*<{*/popupHeight/*}*/ = /*{*/600/*}>*/;
var /*<{*/timeToPopup/*}*/ = /*{*/5/*}>*/; //in seconds
var /*<{*/endPrecent/*}*/ = /*{*/80/*}>*/;
var /*<{*/popingOptions/*}*/ = /*{*/["timer"]/*}>*/;
var /*<{*/locationOption/*}*/ = /*{*/"center"/*}>*/;
var /*<{*/template/*}*/ = /*{*/"vbid-3726659f-w2ypdu1q"/*}>*/;
var /*<{*/data_href/*}*/ = /*{*/""/*}>*/;
var /*<{*/data_text/*}*/ = /*{*/""/*}>*/;

var stripeObj;
var backgroundObj;

var gDidPop = false;

if (typeof EditorHelper == "undefined"){
	if (popingOptions.indexOf("timer") != -1) {
		document.addEventListener('DOMContentLoaded', setTimeout(popUpStripe, timeToPopup*1000));
	}
} else {
	document.addEventListener('xprs-app-loaded', popUpStripe);
	document.addEventListener('xprs-app-loaded', extraAppOptions);
	//console.log('listeners added');
}

function locationSelected(selVal) {
	if (selVal == 'fullscreen') {
		
		popupWidth=window.innerWidth;
		popupHeight=window.innerHeight;

		$("[name=popupWidth]").css('display','none');
		$("[name=popupHeight]").css('display','none');			

		$("[name=popupWidth]").val(popupWidth);
		$("[name=popupHeight]").val(popupHeight);
		
	} else if (selVal == 'bottom_right' || selVal == 'center') {
		
		if (selVal == 'center') {
			popupWidth=1200;
			popupHeight=600;
		}
		
		if (selVal == 'bottom_right') {
			popupWidth=400;
			popupHeight=600;
		}
		
		$("[name=popupWidth]").val(popupWidth);
		$("[name=popupHeight]").val(popupHeight);
		
		$("[name=popupWidth]").css('display','inline-block');
		$("[name=popupHeight]").css('display','inline-block');
	}
	
	$(".shown #update-html").trigger( "click" );
}

function fillPopupList() {
	/*
	var popupSiteVbid = 'vbid-stripe-popup-form-site';//'vbid-09eff374-npdbqrgi'
	
	XPRSHelper.GET("/get_box", {"vbid":popupSiteVbid,"no_style":true},function(jsonObj) {
		
		boxChildren = jsonObj['CHILDREN'];
		
		if (boxChildren){
            for idx, entry in enumerate(boxChildren):
                entryType = str(entry.keys()[0])
                if entryType == "CHILD":
                	if "TYPE" in entry["CHILD"] and entry["CHILD"]["TYPE"] == "FORM"
		
		console.log(jsonObj['CHILDREN']);
		}
	});
	*/
}


function templateSelected(selVal) {

	//var popupStripeVbid = 'vbid-stripe-popup-form-' + selVal;//+ $(this).prop('id');

	var displayedPanel = $('.shown #app_settings').find('#selectTemplateButton span');
	displayedPanel.addClass("loading-state");

	closeStripe();
	duplicateStripe(selVal, displayedPanel);
}

function extraAppOptions() {
	
	//extra options display
	if (popingOptions.indexOf("timer") != -1) {
		$('#app_settings .extra_options.timer').css('display','block');
	} else {
		$('#app_settings .extra_options.timer').css('display','none');
	}
	
	if (popingOptions.indexOf("on_exit") != -1) {
		$('#app_settings .extra_options.on_exit').css('display','block');
	} else {
		$('#app_settings .extra_options.on_exit').css('display','none');
	}
	
	if (popingOptions.indexOf("on_scroll") != -1) {
		$('#app_settings .extra_options.on_scroll').css('display','block');
	} else {
		$('#app_settings .extra_options.on_scroll').css('display','none');
	}
	
	
	$("input.app_field_input[type=checkbox]").unbind("click").bind("click",function(){
		
		var checkboxId = $(this).attr('id');

		if ($('#app_settings .extra_options.'+checkboxId).css('display') == 'none') {
			$('#app_settings .extra_options.'+checkboxId).css('display','block');
		} else {
			$('#app_settings .extra_options.'+checkboxId).css('display','none');
		}
	});
	
	var submitBtn = $(".stripe_popup_app a[data-link-type=SUBMIT]");
	
	var newText = $('.shown textarea[name=data_text]').val();
	var btnText = submitBtn.attr("data-text");
	
	var newEmail = $('.shown input[name=data_href]').val();
	var btnEmail = submitBtn.attr("data-href");

	
	if ((typeof newText != "undefined" && newText != "") && (typeof newEmail != "undefined" && newEmail != "")) {
	
		if (newText != btnText || newEmail != btnEmail) {
		
			var target,nofollow;
			
			var item = $(".stripe_popup_app[data-preset-type-id=FORM]");
			var clickedElement = submitBtn.find("span");
			
			if (item.length > 0 && clickedElement.length > 0) {
				
				
				//setTimeout(function(){
					EditorCore.setElementLink(clickedElement.attr("id"), item.attr("id"), "SUBMIT",newEmail,target,nofollow,newText);
					EditorHelper.wrapElementWithLink(clickedElement,newEmail,"SUBMIT",newText);
				//},1000);
			}
		}
	}
	
	document.removeEventListener('xprs-app-loaded', extraAppOptions);
}

/*
function afterUpdateAppOptions () {
	console.log('after update...');
	var newText = 
	console.log(data_text);
	$(".stripe_popup_app_animate a[data-link-type='SUBMIT']").attr("data-text",data_text);
}
*/

function popUpStripe() {

	if(gDidPop) return;
	
	fillPopupList();

	stripeObj = $('.stripe_popup_app_hide');
	
	if(stripeObj.length == 0) {
		stripeObj = $('.stripe_popup_app');
	}
	
	backgroundObj = $('#stripe_popup_app_bg');
	
	addCloseButtonToStripe(stripeObj);
	

	if (locationOption =="bottom_right") {
		stripeObj.addClass("bottom-right");
	} else {
		stripeObj.removeClass("bottom-right");
	}

	stripeObj.removeClass("stripe_popup_app_hide");
	stripeObj.addClass("stripe_popup_app");
	stripeObj.addClass("stripe_popup_app_invisible");
	
	stripeObj.css({"width":popupWidth+"px","min-height":popupHeight+"px"});
	SpimeEngine.ArrangeHolder(stripeObj);
	
	$('body').addClass('popup-mode');

	stripeObj.removeClass("stripe_popup_app_invisible");
	stripeObj.addClass("stripe_popup_app_animate");

	stripeObj.removeClass("shadowed");
	
	if (locationOption == 'bottom_right') {
		
		stripeObj.addClass("shadowed");
		backgroundObj.css( 'pointer-events', 'none' );

	} else {
		
		backgroundObj.css( 'pointer-events', 'inherit' );
		
		backgroundObj.removeClass("stripe_popup_app_invisible");
		backgroundObj.addClass("stripe_popup_app_animate");
	
		backgroundObj.unbind("click").bind("click",function (e) {
			e.stopPropagation();
			closeStripe();
		});
	}
	
	if($('#xprs').hasClass('phone-mode')){
		stripeObj.css({'min-height':window.innerHeight - 50 +'px','width':window.innerWidth - 50+'px','height':window.innerHeight - 50 +'px','overflow-y':'auto'});
		stripeObj.removeClass("buttom-right");
		stripeObj.find('.item-wrapper').css("height","auto");
		SpimeEngine.ArrangeHolder(stripeObj);
	}
	
	gDidPop = true;
	
	document.removeEventListener('xprs-app-loaded', popUpStripe);
}

function closeStripe() {
	
	stripeObj = $('.stripe_popup_app_hide');
	
	if(stripeObj.length == 0) {
		stripeObj = $('.stripe_popup_app');
	}
	
	backgroundObj = $('#stripe_popup_app_bg');
	
	backgroundObj.removeClass("stripe_popup_app_animate");
	backgroundObj.addClass("stripe_popup_app_invisible");
	stripeObj.removeClass("stripe_popup_app_animate");
	stripeObj.addClass("stripe_popup_app_invisible");
	
	$('body').removeClass('popup-mode');
	stripeObj.addClass("stripe_popup_app_hide");

}

function addCloseButtonToStripe(stripeObj) {
	//console.log('add x button');
	var btnColor = "black";
	var closeButton = $("<div class='clickable' style='position: absolute;padding: 20px;right: 0px;top: 0px;width: 20px;height: 20px;color: "+btnColor+";z-index: 999999999999;font-family: Raleway;text-shadow: 1px 1px white;'>X</div>");

	closeButton.unbind("click").bind("click",function () {
		closeStripe();
	});
	
	stripeObj.prepend(closeButton);
	
}

function duplicateStripe (stripeVbid, displayedPanel) {
	
	var currentPageId = EditorHelper.getMasterId();
	var appKind = "stripe_popup_app";
	
	//removing old stripe
	var stripeObj = $("."+appKind+"_hide[data-preset-type-id='FORM'],."+appKind+"_animate[data-preset-type-id='FORM']");
	var stripeId = "";
	
	if(stripeObj.length > 0) {
		stripeObj.each(function(){
			var stripeFormId = $(this).attr("id");
			EditorHelper.handleDelete({"vbid":stripeFormId});
		
			stripeId = stripeId + "|" + stripeFormId;
		});
	} else {
		console.log('no stripe found');
	}

	XPRSHelper.SAFEPOST("/remove_child",{"parent":currentPageId , "child": stripeId,"stripe_id":stripeId},currentPageId,"REMOVE-CHILD",function() {
		
		var currentPageId = EditorHelper.getMasterId();
		
		var originalStripeId = stripeVbid;//'vbid-034631be-u8eh7xv3';
		var originalparentVbid = 'vbid-09eff374-npdbqrgi';//'vbid-stripe-popup-form-site';//'vbid-3a092-7n0wntqn';
		
		$("#empty-stripe").remove();
		var addedHolder = $("<div />").addClass("master item-box animated-height").attr("id","empty-stripe");
		$("#children").append(addedHolder);
		
		EditorHelper.safeCloneStripe(originalStripeId,addedHolder,"FORM",currentPageId,originalparentVbid,"last",false, function(){

			addedHolder.addClass("stripe_popup_app_hide");

			SpimeEngine.loadHighResImage($(".stripe_popup_app_hide .load-high-res").not("#no-image"),1600);

			newStripeID = addedHolder.attr("id");
			XPRSHelper.SAFEPOST("/update_css_class", {"vbid":newStripeID,"updated_key":"APP_CLASS","updated_value":"stripe_popup_app_hide","stripe_id":newStripeID}, newStripeID, "CSS_CLASS");
			$(".shown #update-html").trigger( "click" );
			displayedPanel.removeClass("loading-state");
			SpimeEngine.sendVideoCommand(addedHolder.find(".vid-autoplay").attr("id"),"play");	
			setTimeout(function(){EditorHelper.askAboutWebsiteStyle(addedHolder, true);
			},2000);
			
		}, false);	
	});

}


//scroll popup code

function popupStripeAppOnScroll() {
	
	if (popingOptions.indexOf("on_scroll") != -1) {
	    if ( document.documentElement.clientHeight + $(document).scrollTop() >= (document.body.offsetHeight * (endPrecent/100)) ){ 
	    	popUpStripe();
	    }
	}
}

/// exit popup code

(function(root, factory) {
  if (typeof define === 'function' && define.amd) {
    define(factory);
  } else if (typeof exports === 'object') {
    module.exports = factory(require,exports,module);
  } else {
    root.ouibounce = factory();
  }
}(this, function(require,exports,module) {

return function ouibounce(el, custom_config) {
  "use strict";

  var config     = custom_config || {},
    aggressive   = config.aggressive || false,
    sensitivity  = setDefault(config.sensitivity, 15),
    timer        = setDefault(config.timer, 1000),
    delay        = setDefault(config.delay, 0),
    callback     = config.callback || function() {},
    cookieExpire = setDefaultCookieExpire(config.cookieExpire) || '',
    cookieDomain = config.cookieDomain ? ';domain=' + config.cookieDomain : '',
    cookieName   = config.cookieName ? config.cookieName : 'viewedOuibounceModal',
    sitewide     = config.sitewide === true ? ';path=/' : '',
    _delayTimer  = null,
    _html        = document.documentElement;

  function setDefault(_property, _default) {
    return typeof _property === 'undefined' ? _default : _property;
  }

  function setDefaultCookieExpire(days) {
    // transform days to milliseconds
    var ms = days*24*60*60*1000;

    var date = new Date();
    date.setTime(date.getTime() + ms);

    return "; expires=" + date.toUTCString();
  }

  setTimeout(attachOuiBounce, timer);
  function attachOuiBounce() {
    if (isDisabled()) { return; }

    _html.addEventListener('mouseleave', handleMouseleave);
    _html.addEventListener('mouseenter', handleMouseenter);
    _html.addEventListener('keydown', handleKeydown);
  }

  function handleMouseleave(e) {
    if (e.clientY > sensitivity) { return; }

    _delayTimer = setTimeout(fire, delay);
  }

  function handleMouseenter() {
    if (_delayTimer) {
      clearTimeout(_delayTimer);
      _delayTimer = null;
    }
  }

  var disableKeydown = false;
  function handleKeydown(e) {
    if (disableKeydown) { return; }
    else if(!e.metaKey || e.keyCode !== 76) { return; }

    disableKeydown = true;
    _delayTimer = setTimeout(fire, delay);
  }

  function checkCookieValue(cookieName, value) {
    return parseCookies()[cookieName] === value;
  }

  function parseCookies() {
    // cookies are separated by '; '
    var cookies = document.cookie.split('; ');

    var ret = {};
    for (var i = cookies.length - 1; i >= 0; i--) {
      var el = cookies[i].split('=');
      ret[el[0]] = el[1];
    }
    return ret;
  }

  function isDisabled() {
    return checkCookieValue(cookieName, 'true') && !aggressive;
  }

  // You can use ouibounce without passing an element
  // https://github.com/carlsednaoui/ouibounce/issues/30
  function fire() {
    if (isDisabled()) { return; }

    if (el) { el.style.display = 'block'; }
	
    popUpStripe();
    
    callback();
    disable();
  }

  function disable(custom_options) {
    var options = custom_options || {};

    // you can pass a specific cookie expiration when using the OuiBounce API
    // ex: _ouiBounce.disable({ cookieExpire: 5 });
    if (typeof options.cookieExpire !== 'undefined') {
      cookieExpire = setDefaultCookieExpire(options.cookieExpire);
    }

    // you can pass use sitewide cookies too
    // ex: _ouiBounce.disable({ cookieExpire: 5, sitewide: true });
    if (options.sitewide === true) {
      sitewide = ';path=/';
    }

    // you can pass a domain string when the cookie should be read subdomain-wise
    // ex: _ouiBounce.disable({ cookieDomain: '.example.com' });
    if (typeof options.cookieDomain !== 'undefined') {
      cookieDomain = ';domain=' + options.cookieDomain;
    }

    if (typeof options.cookieName !== 'undefined') {
      cookieName = options.cookieName;
    }

    document.cookie = cookieName + '=true' + cookieExpire + cookieDomain + sitewide;

    // remove listeners
    _html.removeEventListener('mouseleave', handleMouseleave);
    _html.removeEventListener('mouseenter', handleMouseenter);
    _html.removeEventListener('keydown', handleKeydown);
  }

  return {
    fire: fire,
    disable: disable,
    isDisabled: isDisabled
  };
}

/*exported ouibounce */
;

}));


if (popingOptions.indexOf("on_exit") != -1) {
	ouibounce(null,{/*<{*/aggressive/*}*/ : /*{*/true/*}>*/});
}

//var modal = ouibounce($('#ouibounce-modal')[0],  { /*<{*/aggressive/*}*/ : /*{*/true/*}>*/ });
/// exit popup code

</script>

<style>

    .stripe_popup_app_bg {

        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:99999991;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .item-box.stripe_popup_app {

        position: fixed;
        top: 50%;
    	left: 50%;
    	transform: translateY(-50%) translateX(-50%);
        z-index:99999992;
    }
    
    #xprs:not(.in-editor) .stripe_popup_app_bg {
        z-index:9999999991;
    }
    
    #xprs:not(.in-editor) .stripe_popup_app {
        z-index:9999999992;
    }
    
    .item-box.stripe_popup_app.bottom-right {
        bottom: 0;
    	right: 0;
    	top: inherit;
    	left: inherit;
    	transform: inherit;
    }
    
    .stripe_popup_app_animate {
	    -webkit-transition: opacity 0.5s 0s, visibility 0s 0s;
	    -moz-transition: opacity 0.5s 0s, visibility 0s 0s;
    	transition: opacity 0.5s 0s, visibility 0s 0s;
    }
    
    .stripe_popup_app_invisible {
        opacity: 0;
        height:0px;
        width:0px;
        pointer-events:none;
    }
    
    .short_field {
    	width: 50px;
    	height: 25px;
    }
    
    .long_label {
    	width: 100px;
    }
    
    .short_label {
    	width: 25px;
    }
    
    .app_field_input {
    	line-height: 1em;
    }
    
    
    .popup-mode .master.item-box:not(.stripe_popup_app_animate) .stripe-magic-circle {
    	display: none;
    }
    
    .popup-mode .stripe_popup_app_animate .menu-options .item-settings-menu:not(.settings-btn) {
    	display: none;
    }

    
    .raw-parameters #update-html {
        margin-left: 15px;
    }
    
    .raw-parameters.switching-panel{
        margin-left: 0px!important;
        /* height: 450px!important; */
    }
    
    #xprs-class-selector-holder .raw-parameters.switching-panel {
        margin-top: 0px;
    }
    
    
    #template_selector {
	    padding-top: 11px;
	    margin-bottom: 8px;
	    background-color: rgba(187, 187, 187, 0.2);
	    height: 37px;
    }
    
   
</style>


<div id="stripe_popup_app_bg" class="stripe_popup_app_bg stripe_popup_app_invisible"></div>

<!-- special dropdown controller -->

	<style>
	  #feedback { font-size: 1.4em; }

	  #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; overflow: hidden; overflow-x: hidden; top: 0px; height: 0px; position: relative; top:10px; background-color: #4e4e4e;}
	  #selectable li {padding: 0.4em; font-size: 1.4em; height: 100px; background-color:#4e4e4e; color:white; border:none}
	  #selectable li.item:hover {outline: 12px solid gray;}
	  #selectable li.item{background-size: cover;background-repeat: no-repeat;padding: 0px;margin: 12px;}
	  #selectable li.item.ui-selected {outline: 12px solid #F39814;}
	  
	  #selectable::-webkit-scrollbar-track{background-color: #000000;}
	  #selectable::-webkit-scrollbar {width: 6px; background-color: #777;}
	  #selectable::-webkit-scrollbar-thumb{background-color: #000000;}
	  #selectable::-webkit-scrollbar-corner{background-color: #4e4e4e;}
	  #selectable::-webkit-scrollbar-track-piece{background-color: #4e4e4e;} 
	  
	  #selectTemplateButton.template-blank {height:22px;font-size: 10pt;font-family: sans-serif;font-weight: 100;letter-spacing: 0.01em;background: #4e4e4e;margin-top: 6px;margin-left: 0px;}
	  #selectTemplateButton.template-selected {line-height: 38px;background-repeat: no-repeat;height: 37px;margin-top: -6px;margin-left: 5px;margin-right: 5px;background-size: contain;background-position: right;}
	  
	</style>
	
  <script>
	  
	  function expandPopupList() {
		  var selectableTemplates = $( ".shown #selectable" );
			
		  /*
		  $('.raw-edit.shown #xprs-class-selector-holder').bind("click",function(){
			  console.log('shut it down!');
			  $(".shown #selectable").css({"height":"0px","overflow":"hidden"});
			  $(this).unbind("click");
		  });
		  */
		  
		  if(selectableTemplates.find('.ui-selected').length == 0){ 
			  
			 //var selectedVal = selectableTemplates.attr('value');
			 //$( "li[value="+selectedVal+"]" ).addClass('ui-selected');  
			  
		  	selectableTemplates.selectable({
		  		create:function(event, ui){
		  			var selectedVal = selectableTemplates.attr('value');
		  			$(event.target).children("li[value="+selectedVal+"]").addClass('ui-selected');
		  		},
		  	    stop:function(event, ui){
		  	        $(event.target).children('.ui-selected').not(':first').removeClass('ui-selected');
		  	      	
		  	        var selectedTemplateId = $('.ui-selected').attr('value');
		  	     	var selectedTemplateImage = $('.ui-selected').css('background-image');
		  	     	
		  	        if(selectedTemplateId) {
			  	        templateSelected(selectedTemplateId);
			  	      	selectableTemplates.attr('value',selectedTemplateId);
			  	        
			  	      	setTimeout(function(){
			  	        	selectableTemplates.scrollTop(0);
			  	        	selectableTemplates.css({"height":"0px","overflow":"hidden"});
			  	        	
			  	        	var templatedBtn = $(".shown #selectTemplateButton");
			  	        	
			  	        	templatedBtn.css('background-image',selectedTemplateImage);
			  	        	templatedBtn.removeClass('template-blank');
			  	        	templatedBtn.addClass('template-selected');
			  	        	
				  			//trick gilad
				  			var disp = selectableTemplates[0].style.display;
				  			selectableTemplates[0].style.display = 'none';
				  			var trick = selectableTemplates[0].offsetHeight;
				  			selectableTemplates[0].style.display = disp;
				  			
			  	        	
						},500);
		  	    	}
		  	    }
		  	});
		  }
		  
		  if(selectableTemplates.css("height") == "0px") {
			  selectableTemplates.css({"height":"350px","overflow":"scroll","top":"54px"});
		  } else {
			  selectableTemplates.css({"height":"0px","overflow":"hidden"});
		  }
		  
		  //trick gilad
		  var disp = selectableTemplates[0].style.display;
		  selectableTemplates[0].style.display = 'none';
		  var trick = selectableTemplates[0].offsetHeight;
		  selectableTemplates[0].style.display = disp;
		  
	  }
  </script>