%description_title%
%description_text%
%price_text%
%price_sale_text%
%domain_text%
&($.textContent=G[N].desc_title),N+1
{
// let miny=miny,minx,maxx,maxy,callout_width;
// Element selector function. Looks like JQuery ones
function $(sel) { return document.querySelector(sel); }
var params__uq = {"base":{"unhide_time":2000,"canvas_width":670,"canvas_height":380,"hidden":true,"banner_action":"%base_banner_action%","banner":{"offset":{"top":38,"left":220},"width":434,"height":264,"place_on_target":false,"orientation":"horizontal","border":"#000","border_width":1,"border_enabled":false},"blur_delay":500,"join":{"offset":39,"left":true,"right":true,"top":false,"bottom":false},"line":{"length":{"min":40,"max":280},"angle":{"min":20,"max":75},"ratio":[[0.6,0.4],[1,1]],"hidden":false},"stretch_x":false,"stretch_y":false,"keep_aspect_ratio":false},"close_bttn":{"enabled":true,"hidden":false,"link_to_progress":false,"hover_color":"#ffcb02","x":400,"y":38,"size":20,"start_animations":{"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_all_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_all_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"action_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"clip_width":null,"clip_height":null,"shadow":true,"foreignObject":false},"point":{"enabled":true,"x":"%POINT_X%","y":"%POINT_Y%","start_animations":{"ppulse":{"duration":"1s","enabled":true}},"radius":16,"color":"#FFF","hidden":false},"target":{"enabled":true,"x":"%TARGET_X%","y":"%TARGET_Y%","width":"%TARGET_WIDTH%","height":"%TARGET_HEIGHT%","start_animations":{"pulse":{"duration":"1s"}},"color":"#FFF","hidden":false,"clip_width":75,"clip_height":75},"description":{"enabled":true,"color":"#fff","x":220,"y":254,"width":434,"height":48,"hidden":true,"title":"%description_title%","text":"%description_text%","font_size":14,"title_font_size":21,"start_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"text_padding_leftright":20,"text_padding_topbottom":5,"line_height":15,"title_bold":false,"action_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"clip_width":449,"clip_height":63},"progress_bar":{"enabled":true,"link_to_video":false,"x":285,"y":95,"color":"#FFCB02","width":135,"height":3,"time":5000,"play":false,"stage":0,"clip_width":150,"clip_height":18},"price":{"enabled":true,"x":220,"y":62,"width":60,"height":35,"font_size":14,"bg_color":"#FFCB02","sale_width_delimiter":1.1,"start_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"shake":{"enabled":false,"duration":10},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"text":"%price_text%","sale_text":"%price_sale_text%","sale_font_size":10,"shadow_enabled":true,"auto_width":false,"auto_font_size":false,"action_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"clip_width":75,"clip_height":50},"domain":{"enabled":true,"x":348,"y":103,"width":71.5,"auto_width":true,"height":22,"font_size":10,"bg_color":"#000","hover_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"start_animations":{"slide":{"enabled":true,"stage":3,"unhide_direction":"reverse","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"text":"%domain_text%","shadow_enabled":false,"text_color":"#fff","action":"%domain_action%","auto_font_size":false,"action_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"sticky_right":false,"clip_width":86.5,"clip_height":37},"slider":{"enabled":true,"slide_time":5000,"x":220,"y":103,"offset_x":0,"offset_y":-70,"scale_x":1,"scale_y":1.61,"width":200,"height":115,"slides":[{"img":"https://images-na.ssl-images-amazon.com/images/I/71JQlqdQOeL._AC_SL1000_.jpg","title":"LEATHER SOFA","desc_title":"INFO ABOUT","description":"Antique Belmont Chesterfield sofas. We’ve taken the classic Chesterfield sofa design. Antique Belmont Chesterfield sofas. We’ve taken the
classic Chesterfield sofa design.","price":"$99.99","price_sale":"$100","action":"url"},{"img":"https://images-na.ssl-images-amazon.com/images/I/71h9sBYQzIL._AC_SL1000_.jpg","title":"LEATHER SOFA2","desc_title":"","description":"We’ve taken the classic Chesterfield sofa design. Antique Belmont Chesterfield sofas. We’ve taken the
classic Chesterfield sofa design.","price":"800$","price_sale":"1000$","action":"url"},{"img":"https://images-na.ssl-images-amazon.com/images/I/71lWAuts0EL._AC_SL1000_.jpg","title":"LEATHER SOFA3","desc_title":"MORE ABOUT","description":"Test Test Test. We’ve taken the
classic Chesterfield sofa design.","price":"550$","price_sale":"1000$","action":"url"}],"start_animations":{"slide":{"enabled":true,"stage":2,"unhide_direction":"top_to_bottom","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"shadow_enabled":true,"action_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"clip_width":215,"clip_height":130},"headline":{"enabled":true,"x":285,"y":62,"width":135,"height":35,"text":"%headline_text%","font_size":14,"bg_color":"#fff","text_color":"#272727","text_margin":7,"start_animations":{"slide":{"enabled":true,"stage":1,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"text_run":{"enabled":false},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"text_run":{"enabled":false},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"text_run":{"enabled":false},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_all_animations":{"slide":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"left_to_right","stage_rtl":-1},"text_run":{"enabled":false},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"stage":4,"darkness":0.8,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"shadow_enabled":true,"action_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"unhide_direction":"auto","stage_rtl":-1},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"clip_width":150,"clip_height":50,"vertical":false,"auto_font_size":false},"info_bttn":{"enabled":true,"hidden":false,"foreignObject":false,"shadow":true,"url":"https://lens-ai.com","link_to_progress":false,"icon_color":"#fff","hover_color":"#ffcb02","x":376,"y":38,"size":20,"start_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"hover_all_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"blur_all_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"action_animations":{"slide":{"enabled":false,"stage":3,"unhide_direction":"auto","stage_rtl":-1},"slideReverse":{"enabled":false,"stage":0,"stage_rtl":-1,"unhide_direction":"auto"},"show":{"enabled":false,"stage":4,"stage_rtl":-1},"hide":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeIn":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeOut":{"enabled":false,"stage":4,"stage_rtl":-1},"fadeInShadow":{"enabled":false,"darkness":0.8,"stage":4,"stage_rtl":-1},"rotateY":{"enabled":false,"duration":1,"stage_rtl":-1},"rotateX":{"enabled":false,"duration":1,"stage":4,"stage_rtl":-1}},"clip_width":null,"clip_height":null}}
let eltypes = ['text_wrapper','text','top','clp','object','img','img1','img2','rect','shadow','for','element','bg']
let stretch_x = (forceCWdith) => {
let bwidth = params__uq.base.banner.width
let cwidth = forceCWdith || parseInt('%CANVAS_WIDTH%') - 2 || params__uq.base.canvas_width;
if (cwidth <= bwidth)
return false;
let coeff = cwidth/bwidth;
// if (forceCWdith)
// $('#svg__uq').style.marginLeft = params__uq.base.banner.width - forceCWdith;
params__uq.base.banner.width *= coeff;
//setAttributes($('#svg__uq'), {"width": params__uq.base.canvas_width * coeff, "height": params__uq.base.canvas_height * coeff, "viewBox": "0 0 " + params__uq.base.canvas_width * coeff + " " + params__uq.base.canvas_height * coeff});
console.log('banner_width', bwidth,cwidth)
for (let pk of Object.keys(params__uq)) {
let p = params__uq[pk];
if (p.enabled) {
p.width = p.width ? Math.round(p.width * (coeff)) : p.size
// if (p.sticky_right){
// let width = p.text.length * (p.font_size * 0.65)
// p.x = Math.round(parseInt(p.x) * (coeff)) + p.width - width;
// }
// else
p.x = Math.round(parseInt(p.x) * (coeff)) + (pk == 'close_bttn' ? p.size * coeff - p.size : 0 )
for (e of eltypes) {
if ($('#'+pk+'_'+e+'__uq')){
// console.log('@@@',e,$('#'+pk+'_'+e+'__uq'))
$('#'+pk+'_'+e+'__uq').setAttribute('x',p.x);
$('#'+pk+'_'+e+'__uq').setAttribute('width',p.width);
}
}
// if ($('.'+pk+'_setSize__uq')){
// $('.'+pk+'_setSize__uq').setAttribute('x',p.x);
// $('.'+pk+'_setSize__uq').setAttribute('width',p.width);
// })
// if ($('.'+pk+'_setStylSize__uq')){
// $('.'+pk+'_setStyleSize__uq').style.width=p.width+'px';
// $('.'+pk+'_setStyleSize__uq').style.height=p.height+'px';
// }
}
}
if (params__uq.base.keep_aspect_ratio && !forceCWdith)
stretch_y(params__uq.base.banner.height * coeff + 1);
}
let stretch_y = (forceCHeight) => {
let bheight = params__uq.base.banner.height
let cheight = forceCHeight ||parseInt('%CANVAS_HEIGHT%') - 2|| params__uq.base.canvas_height;
if (cheight <= bheight)
return false;
console.log('banner_height',bheight,cheight)
let coeff = cheight/bheight;
// if (forceCHeight)
// $('#svg__uq').style.marginTop = params__uq.base.banner.height - forceCHeight;
params__uq.base.banner.height *= coeff;
// setAttributes($('#svg__uq'), {"width": params__uq.base.canvas_width * coeff, "height": params__uq.base.canvas_height * coeff, "viewBox": "0 0 " + params__uq.base.canvas_width * coeff + " " + params__uq.base.canvas_height * coeff});
for (let pk of Object.keys(params__uq)) {
let p = params__uq[pk];
if (p.enabled) {
p.height = p.height ? Math.round(p.height * coeff) : p.size
// if (p.sticky_right){
// let width = p.text.length * (p.font_size * 0.65)
// p.x = Math.round(parseInt(p.x) * coeff) + p.width - width;
// }
// else
p.y = Math.round(parseInt(p.y) * coeff)
for (e of eltypes) {
if ($('#'+pk+'_'+e+'__uq')){
console.log('@@@',e,$('#'+pk+'_'+e+'__uq'))
$('#'+pk+'_'+e+'__uq').setAttribute('y',p.y);
$('#'+pk+'_'+e+'__uq').setAttribute('height',p.height);
}
}
}
}
if (params__uq.base.keep_aspect_ratio && !forceCHeight) {
console.log('CANVAS_WIDTH',params__uq.base.banner.width, coeff,params__uq.base.banner.width / coeff)
stretch_x(params__uq.base.banner.width * coeff + 1);
}
}
if (params__uq.base.stretch_x )
stretch_x();
else if (params__uq.base.stretch_y)
stretch_y();
// $('#svg__uq #ad_block__uq').getElementsByTagName("*").addEventListener("mouseenter", function(e) {
// onHover(e,this.id)
// });
// for (let p of Object.keys(params__uq)) {
// let pp = params__uq[p];
// pp.width = Math.round(pp.width * (cwidth/bwidth))
// pp.x = Math.round(parseInt(pp.x) * (cwidth/bwidth))
// }
var openWin = function(url) {
if ((url.includes('affil.walmart.com%2Fcart%2Fbuynow') || url.includes('amazon.com/gp/aws/cart/add.html')) && window.innerWidth > 500 ){ //TODO:TEMPORARY, move out
var left = (screen.width/2)-(830/2);
var top = (screen.height/2)-(500/2);
// alert('left='+x+',top='+y+',width=830,height=500,toolbar=0,resizable=0')
window.open(url, 'BUY NOW','left='+left+',top='+top+',width=830,height=500,toolbar=0,resizable=0');
}
else
window.open(url);
};
var hovered = {};
var blurTimeouts = {};
for (let p of Object.keys(params__uq)) {
let pp = params__uq[p];
// p = p == 'base' ? 'svg' : p;
// if (pp.hover_animations && $('#'+p+"__uq") && Object.values(pp.hover_animations).filter(x=>x.enabled).length > 0) { //&& Object.values(pp.hover_animations).filter(x=>x.enabled).length > 0
if ($('#'+p+"__uq") && !['target','close_bttn','point'].includes(p)) { //&& Object.values(pp.hover_animations).filter(x=>x.enabled).length > 0
if ((pp.action && pp.action.startsWith('open_url:')) || (params__uq.base.banner_action.startsWith('open_url:') && params__uq.video && params__uq.video.enabled)){
let sel = '#'+p+"__uq";
if (p == 'video')
sel = '#video_element__uq';
for (let el of document.querySelectorAll(sel)) {
el.addEventListener("click",function() {
let url = (params__uq.base.banner_action.startsWith('open_url:') && params__uq.video && params__uq.video.enabled) ? params__uq.base.banner_action.replace('open_url:','') : pp.action.replace('open_url:','');
openWin(url);
});
}
}
$('#'+p+'__uq').addEventListener("mouseenter", function(e) {
// if (p == 'svg')
// startParamAnimations('hover_animations')
// else
// hovers[p] = true;
if (pp.hover_animations && Object.values(pp.hover_animations).some(a => a.enabled))
onHover(e,this.id);
});
$('#'+p+'__uq').addEventListener("mouseout", function(e) {
// hovers[p] = false;
// clearTimeout(blurTimeout);
// blurTimeout = setTimeout(()=> {
// if (!hovers[p])
onBlur(e,this.id)
// },50)
});
$('#'+p+'__uq').addEventListener('mousemove', ()=> {
// hovered[p] = true;
// hovered[null] = true;
clearTimeout(blurTimeouts[this.id]);
clearTimeout(blurTimeouts[null]);
});
}
}
//var params = JSON.stringify(Object.keys(params).reduce((p,c) => {if (c == 'base' || params[c].enabled) {p[c]=params[c]} return p }))
var pointer = {a:'%POINTER%'};
console.log('POINTER:','%POINTER%')
if (pointer.a == 'point')
$('#ts__uq').style.display = 'none';
else if(pointer.a == 'target')
$('#trigger__uq').style.display = 'none';
if (params__uq.base.banner_action == 'action_animations'){
$('#svg__uq #ad_block__uq').addEventListener("click",function() {
onActionAnimate();
});
}
if (params__uq.base.banner_action.startsWith('open_url:') && (!params__uq.video || !params__uq.video.enabled)){
for (let el of document.querySelectorAll('#svg__uq #ad_block__uq')) {
el.addEventListener("click",function() {
let url = params__uq.base.banner_action.replace('open_url:','');
openWin(url);
}
);}
}
$('#svg__uq #ad_block__uq').addEventListener("mouseenter",function(e) {
console.log('ad_block__uq hover',e)
onHover(e);
});
$('#svg__uq #ad_block__uq').addEventListener("mouseout", function(e) {
console.log('ad_block__uq blur')
onBlur(e);
});
$('#svg__uq #ad_block__uq').addEventListener("mousemove", function(e) {
// hovered[null] = true;
clearTimeout(blurTimeouts[null]);
});
// Set multiple attributes function
function setAttributes(el, attrs) {
for(let key in attrs) {
el.setAttribute(key, attrs[key]);
}
}
var lns = $("#main_line_s__uq");
var ln = $("#main_line__uq");
var blck__uq = $("#svg__uq #ad_block__uq");
var callout_opened__uq = false;
var progress_timer_current__uq = 0;
var progress_timer_interval__uq;
// var blurTimeout;
// var hovered={};
var adblock_init_hover=false;
var line_start_x = 53; // horizontal start point of the line
var line_start_y = 140; // vertical start point of the line
var line_corner_x = 80; // corner point horizontal position of the line
var line_corner_y = 80; // corner point vertical position of the line
var line_end_x = 220; // horizontal end point of the line (Set the same value of the corner point to get straight line)
var line_end_y = 80; // vertical end point of the line (Set the same value of the corner point to get straight line)
lns.setAttribute("points", line_start_x + " " + line_start_y + ", " + line_corner_x + " " + line_corner_y + ", " + line_end_x + " " + line_end_y);
ln.setAttribute("points", line_start_x + " " + line_start_y + ", " + line_corner_x + " " + line_corner_y + ", " + line_end_x + " " + line_end_y);
var line_lenght = Math.round(Math.sqrt(Math.pow(line_corner_x - line_start_x, 2) + Math.pow(line_corner_y - line_start_y, 2)) + Math.sqrt(Math.pow(line_end_x - line_corner_x, 2) + Math.pow(line_end_y - line_corner_y, 2)));
lns.setAttribute("stroke-dasharray", line_lenght);
ln.setAttribute("stroke-dasharray", line_lenght);
// requestAnimationFrame animation function
for (let pk of Object.keys(params__uq)) {
let p = params__uq[pk];
if (p.enabled) {
if (p.auto_width){
let width = p.text.length * (p.font_size * 0.65)
if (p.sticky_right) {
p.x += p.width - width;
// width = Math.Max(width,p.width)
if ($('#'+pk+'_clp__uq'))
$('#'+pk+'_clp__uq').setAttribute('x',p.x);
if ($('#'+pk+'_top__uq'))
$('#'+pk+'_top__uq').setAttribute('x',p.x);
}
if ($('#'+pk+'_text__uq'))
$('#'+pk+'_text__uq').setAttribute('x',p.x + width / 2)
p.width=width;
p.clip_width=width+15;
if ($('#'+pk+'_clp__uq'))
$('#'+pk+'_clp__uq').setAttribute('width',p.clip_width);
if ($('#'+pk+'_top__uq'))
$('#'+pk+'_top__uq').setAttribute('width',p.width);
}
else if (p.auto_font_size) {
if (p.sale_text) {
p.font_size = Math.min(Math.round(p.width / (p.text.length*0.7)) , Math.round(p.height / 1.7));
p.sale_font_size = p.font_size - Math.round(p.font_size/6);
$('#'+pk+'_text__uq').setAttribute('font-size',p.font_size);
$('#'+pk+'_sale__uq').setAttribute('font-size',p.sale_font_size);
} else {
p.font_size = Math.min(Math.round(p.width / (p.text.length*0.65)) , Math.round(p.height / 1.4));
$('#'+pk+'_text__uq').setAttribute('font-size',p.font_size);
}
}
}
}
function animate({duration, draw, timing}) {
let start = performance.now();
requestAnimationFrame(function animate(time) {
let timeFraction = (time - start) / duration;
if (timeFraction > 1) timeFraction = 1;
let progress = timing(timeFraction)
draw(progress);
if (timeFraction < 1 && callout_opened__uq) {
requestAnimationFrame(animate);
}
});
}
var animation_stages = [true, true, true, true, true, true, true, true, true];
function setRectangle (rect_shad, rect_name, r_x, r_y, r_width, r_height) {
if (rect_shad)
setAttributes(rect_shad, {"width": r_width, "height": r_height, "x": r_x, "y": r_y});
if (rect_name)
setAttributes(rect_name, {"width": r_width, "height": r_height, "x": r_x, "y": r_y});
};
function animateRectangle (unhide_direction, rect_shad, rect_name, r_x, r_y, r_width, r_height, time_f) {
var cside = encodeURI('%CONNECTION_SIDE%');
if (unhide_direction == "left_to_right" || (unhide_direction == "auto" && 'left' == cside) || (unhide_direction == "reverse" && 'right' == cside)) {
if(time_f > .9) {
if (rect_name)
rect_name.setAttribute("width", r_width);
if (rect_shad)
rect_shad.setAttribute("width", r_width);
}
else {
console.log ('2##CONNECTION_SIDE',unhide_direction,'--%CONNECTION_SIDE%',time_f,rect_name)
if (rect_name)
rect_name.setAttribute("width", (time_f * r_width));
if (rect_shad)
rect_shad.setAttribute("width", (time_f * r_width));
}
}
else if (unhide_direction == "right_to_left" || (unhide_direction == "reverse" && 'left' == cside) || (unhide_direction == "auto" && 'right' == cside)) {
if(time_f > .9) {
if (rect_name)
setAttributes(rect_name, {"x": r_x, "width": r_width});
if (rect_shad)
setAttributes(rect_shad, {"x": r_x, "width": r_width});
}
else {
if (rect_name)
setAttributes(rect_name, {"x": r_x + r_width - r_width * time_f, "width": time_f * r_width});
if (rect_shad)
setAttributes(rect_shad, {"x": r_x + r_width - r_width * time_f, "width": time_f * r_width});
}
}
else if (unhide_direction == "top_to_bottom") {
if(time_f > .9) {
if (rect_name)
rect_name.setAttribute("height", r_height);
if (rect_shad)
rect_shad.setAttribute("height", r_height);
}
else {
if (rect_name)
rect_name.setAttribute("height", (time_f * r_height));
if (rect_shad)
rect_shad.setAttribute("height", (time_f * r_height));
}
}
else if (unhide_direction == "bottom_to_top") {
if(time_f > .9) {
if (rect_name)
setAttributes(rect_name, {"y": r_y, "height": r_height});
if (rect_shad)
setAttributes(rect_shad, {"y": r_y, "height": r_height});
}
else {
if (rect_name)
setAttributes(rect_name, {"y": r_y + r_height - r_height * time_f, "height": time_f * r_height});
if (rect_shad)
setAttributes(rect_shad, {"y": r_y + r_height - r_height * time_f, "height": time_f * r_height});
}
}
}
function animateRectangleReverse (unhide_direction, rect_shad, rect_name, r_x, r_y, r_width, r_height, time_f) {
var cside = encodeURI('%CONNECTION_SIDE%');
if (unhide_direction == "right_to_left" || (unhide_direction == "reverse" && 'left' == cside) || (unhide_direction == "auto" && 'right' == cside)) {
if(time_f > .9) {
if (rect_name)
rect_name.setAttribute("width", "0");
if (rect_shad)
rect_shad.setAttribute("width", "0");
}
else {
if (rect_name)
rect_name.setAttribute("width", ((1-time_f) * r_width));
if (rect_shad)
rect_shad.setAttribute("width", ((1-time_f) * r_width));
}
}
if (unhide_direction == "left_to_right" || (unhide_direction == "auto" && 'left' == cside) || (unhide_direction == "reverse" && 'right' == cside)) {
if(time_f > .9) {
if (rect_name)
setAttributes(rect_name, {"x": r_x, "width": "0"});
if (rect_shad)
setAttributes(rect_shad, {"x": r_x, "width": "0"});
}
else {
if (rect_name)
setAttributes(rect_name, {"x": r_x + r_width - r_width * (1-time_f), "width": (1-time_f) * r_width});
if (rect_shad)
setAttributes(rect_shad, {"x": r_x + r_width - r_width * (1-time_f), "width": (1-time_f) * r_width});
}
}
if (unhide_direction == "bottom_to_top") {
if(time_f > .9) {
if (rect_name)
rect_name.setAttribute("height", "0");
if (rect_shad)
rect_shad.setAttribute("height", "0");
}
else {
if (rect_name)
rect_name.setAttribute("height", ((1-time_f) * r_height));
if (rect_shad)
rect_shad.setAttribute("height", ((1-time_f) * r_height));
}
}
if (unhide_direction == "top_to_bottom") {
if(time_f > .9) {
if (rect_name)
setAttributes(rect_name, {"y": r_y, "height": "0"});
if (rect_shad)
setAttributes(rect_shad, {"y": r_y, "height": "0"});
}
else {
if (rect_name)
setAttributes(rect_name, {"y": r_y + r_height - r_height * (1-time_f), "height": (1-time_f) * r_height});
if (rect_shad)
setAttributes(rect_shad, {"y": r_y + r_height - r_height * (1-time_f), "height": (1-time_f) * r_height});
}
}
}
// Set shape or clip-path (rect_name) attributes without shadow.
function setShape(clip_name, c_x, c_y, c_width, c_height) {
setAttributes(clip_name, {"x": c_x, "y": c_y, "width": c_width, "height": c_height});
}
// Clip-path animation depending of the direction
function animateClip(unhide_direction, clip_name, c_x, c_y, c_width, c_height, time_f) {
var cside = encodeURI('%CONNECTION_SIDE%');
// console.log('animateClip', unhide_direction, clip_name, c_x, c_y, c_width, c_height, time_f)
if (unhide_direction == "left_to_right" || (unhide_direction == "auto" && 'left' == cside) || (unhide_direction == "reverse" && 'right' == cside)) {
if(time_f > .9)
clip_name.setAttribute("width", c_width);
else
clip_name.setAttribute("width", (time_f * c_width));
}
if (unhide_direction == "right_to_left" || (unhide_direction == "reverse" && 'left' == cside) || (unhide_direction == "auto" && 'rigth' == cside) ) {
if(time_f > .9)
setAttributes(clip_name, {"x": c_x, "width": c_width});
else
setAttributes(clip_name, {"x": c_x + c_width - c_width * time_f, "width": time_f * c_width});
}
if (unhide_direction == "top_to_bottom") {
if(time_f > .9)
clip_name.setAttribute("height", c_height);
else
clip_name.setAttribute("height", (time_f * c_height));
}
if (unhide_direction == "bottom_to_top") {
if(time_f > .9)
setAttributes(clip_name, {"y": c_y, "height": c_height});
else
setAttributes(clip_name, {"y": c_y + c_height - c_height * time_f, "height": time_f * c_height});
}
}
function animateClipReverse(unhide_direction, clip_name, c_x, c_y, c_width, c_height, time_f) {
// console.log('animateClip', unhide_direction, clip_name, c_x, c_y, c_width, c_height, time_f)
var cside = encodeURI('%CONNECTION_SIDE%');
if (unhide_direction == "right_to_left" || (unhide_direction == "reverse" && 'left' == cside) || (unhide_direction == "auto" && 'right' == cside)) {
if(time_f > .9)
clip_name.setAttribute("width", "0");
else
clip_name.setAttribute("width", (1-time_f) * c_width);
}
if (unhide_direction == "left_to_right" || (unhide_direction == "auto" && 'left' == cside) || (unhide_direction == "reverse" && 'right' == cside)) {
if(time_f > .9)
setAttributes(clip_name, {"x": c_x, "width": "0"});
else
setAttributes(clip_name, {"x": c_x + c_width - (1 - time_f) * c_width, "width": (1-time_f) * c_width});
}
if (unhide_direction == "bottom_to_top") {
if(time_f > .9)
clip_name.setAttribute("height", "0");
else
clip_name.setAttribute("height", (1-time_f) * c_height);
}
if (unhide_direction == "top_to_bottom") {
if(time_f > .9)
setAttributes(clip_name, {"y": c_y, "height": "0"});
else
setAttributes(clip_name, {"y": c_y + c_height - (1-time_f) * c_height, "height": (1-time_f) * c_height});
}
}
// Check the length of the description and cut it with ellipses at the end
function calculateTruncation(el) {
var text;
while(el.clientHeight < el.scrollHeight) {
// console.log(el.clientHeight , el.scrollHeight)
text = el.innerHTML.trim();
if(text.split(' ').length <= 1) {
break;
}
el.innerHTML = text.replace(/\W*\s(\S)*$/, '...');
}
}
// Animation easing function
function anim_easing(t) { return t<.5 ? 2*t*t : -1+(4-2*t)*t };
// Set .vis class to the elements to show them
function unhideElem () {
lns.setAttribute("class", "line__uq vis__uq");
ln.setAttribute("class", "line__uq vis__uq");
blck__uq.setAttribute("class", "vis__uq");
// cls.setAttribute("class", "vis__uq");
};
// Hide elements function
function hideElem () {
lns.setAttribute("class", "line__uq novis__uq");
ln.setAttribute("class", "line__uq novis__uq");
blck__uq.setAttribute("class", "novis__uq");
$("#slider__uq").setAttribute("class", "open_desc__uq");
$("#main_img__uq").setAttribute("class", "");
$("#main_img__uq").setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', params__uq.slider.slides[0].img);
setShape($('#slider_clp__uq'), params__uq.slider.x, params__uq.slider.y, params__uq.slider.clip_width, params__uq.slider.clip_height);
if (imagesNumber > 1)
$("#slide_img__uq").setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', params__uq.slider.slides[1].img);
setShape($('#price_clp__uq'), params__uq.price.x, params__uq.price.y, params__uq.price.clip_width, params__uq.price.clip_height);
setShape($('#price_bg__uq'), params__uq.price.x, params__uq.price.y, params__uq.price.width, params__uq.price.height);
setShape($('#headline_clp__uq'), params__uq.headline.x, params__uq.headline.y, params__uq.headline.clip_width, params__uq.headline.clip_height);
setShape($('#headline_top__uq'), params__uq.headline.x, params__uq.headline.y, params__uq.headline.width, params__uq.headline.height);
setShape($('#headline_shadow__uq'), params__uq.headline.x, params__uq.headline.y, params__uq.headline.width, params__uq.headline.height);
// if($('#domain_shadow__uq'))
// setShape($('#domain_shadow__uq'), params__uq.domain.x, params__uq.domain.y, params__uq.domain.width, params__uq.domain.height);
// setShape($('#domain_top__uq'), params__uq.domain.x, params__uq.domain.y, params__uq.domain.width, params__uq.domain.height);
// setShape($('#domain_clp__uq'), params__uq.domain.x, params__uq.domain.y, params__uq.domain.clip_width, params__uq.domain.clip_height);
$('#progress_bar__uq').setAttribute("class", "");
};
// var showAll = function() {
// unhideElem();
// setShape(imgs, main_img_x, main_img_y, main_img_width, main_img_height);
// imgs.setAttribute("opacity", .6)
// callout_opened__uq = true;
// };
// showAll();
// var stage = 0;
// var offst;
// setAttributes($('#svg__uq'), {"width": params__uq.base.canvas_width, "height": params__uq.base.canvas_height, "viewBox": "0 0 " + 670 + " " + 380});
function onActionAnimate(el = null) {
if (window.onActionAnimated)
return false;
window.onActionAnimated = true;
startParamAnimations('action_animations', el);
}
var hoverTimeouts={};
function onHover(e,el = null) {
if (hovered[el])
return false;
// hovered[el] = true;
// hovered[null] = true;
console.log('hover2',el, hovered)
if (blurTimeouts[el])
clearTimeout(blurTimeouts[el]);
if (blurTimeouts[null])
clearTimeout(blurTimeouts[null])
hoverTimeouts[el] = setTimeout(function() {
if (!callout_opened__uq)
return false;
if (!hovered[el]) {
console.log('hovered',el, hovered)
// let enterX = e.pageX - $('#svg__uq').getBoundingClientRect().x;
// let enterY = e.pageY - $('#svg__uq').getBoundingClientRect().y;
// console.log(enterX, enterY, params__uq.base.banner.offset.left ,params__uq.base.banner.offset.top,params__uq.base.banner.width ,params__uq.base.banner.height)
// if (!adblock_init_hover) {
// try {
// params__uq.base.banner.offset.left += $('#svg__uq #ad_block__uq').transform.baseVal.getItem(0).matrix.e;
// params__uq.base.banner.offset.top += $('#svg__uq #ad_block__uq').transform.baseVal.getItem(0).matrix.f;
// } catch (e) {}
// adblock_init_hover=true;
// }
// if (parseInt(params__uq.base.banner.offset.left,10) <= enterX && parseInt(params__uq.base.banner.offset.top,10) <= enterY && (parseInt(params__uq.base.banner.offset.top,10)+params__uq.base.banner.height) >= enterY && (parseInt(params__uq.base.banner.offset.left,10) + params__uq.base.banner.width) >= enterX)
// {
hovered[el]=true;
let anim_param = el ? 'hover_animations' : 'hover_all_animations';
console.log('startAnimations',anim_param, el, params__uq[el]);
startParamAnimations( anim_param, el);
// }
}
},50);
};
function onBlur (e,el = null) {
// console.log('blured',el,blurTimeout)
if (!callout_opened__uq)
return false;
// hovered[el] = false;
// hovered[null] = false;
console.log('blur2',el, hovered)
blurTimeouts[el] = setTimeout(function() {
if (hovered[el]) {
if (hoverTimeouts[el])
clearTimeout(hoverTimeouts[el])
console.log('blur3',el, hovered)
// if (!el) {
// let enterX=e.pageX - $('#svg__uq').getBoundingClientRect().x;
// let enterY=e.pageY - $('#svg__uq').getBoundingClientRect().y;
// // console.log(enterX, enterY, params__uq.base.banner_left ,params__uq.base.banner_top,params__uq.base.banner_width ,params__uq.base.banner_height)
// if (params__uq.base.banner_left < enterX && params__uq.base.banner_top < enterY && (params__uq.base.banner_top+params__uq.base.banner_height) > enterY && (params__uq.base.banner_left + params__uq.base.banner_width) > enterX) {
// console.log('FALSE BLUR')
// return false;
// }
// }
let anim_param = el ? 'blur_animations' : 'blur_all_animations';
hovered[el]=false;
console.log('startAnimations',anim_param,el);
startParamAnimations(anim_param,el);
}
}, params__uq.base.blur_delay)
};
function onTriggerClick () {
console.log('onTriggerClick callout_opened__uq',callout_opened__uq)
if (!callout_opened__uq ) { // prevent repeating animation until it's finished
window.onActionAnimated = false;
callout_opened__uq = true;
console.log('startAnimations','start_animations')
startParamAnimations('start_animations')
}
};
window.addEventListener('showBanner__uq', ()=>{
onTriggerClick();
});
function startParamAnimations(anim_param,el=null) {
animate({
duration: 2000,
timing: function(t) {
return t;
},
draw: function(progress) {
if (!callout_opened__uq)
return false;
// stages of the animation, where progress=0 at the beginning, and 1 at the end
stage = Math.floor(Math.max(0,progress*10));
// console.log('stage',stage,offset)
offst = (progress - Math.floor(progress*10)/10)* 10;
if (anim_param=='start_animations') {
if (stage == 0) {
// stage = 0;
// offst = progress * 10;
// Line drawing
lns.setAttribute("stroke-dashoffset", line_lenght - line_lenght * anim_easing(offst/2));
ln.setAttribute("stroke-dashoffset", line_lenght - line_lenght * anim_easing(offst/2));
// This should be set once
if (animation_stages[0]) {
lns.setAttribute("class", "line__uq vis__uq");
ln.setAttribute("class", "line__uq vis__uq");
}
}
if (stage==1) {
lns.setAttribute("stroke-dashoffset", line_lenght - line_lenght / 2 - line_lenght * anim_easing(offst/2));
ln.setAttribute("stroke-dashoffset", line_lenght - line_lenght / 2 - line_lenght * anim_easing(offst/2));
// Show price background
if (animation_stages[1]) {
// lns.setAttribute("stroke-dashoffset", 0);
// ln.setAttribute("stroke-dashoffset", 0);
}
}
if (stage>=2) {
if (animation_stages[stage]) {
lns.setAttribute("stroke-dashoffset", 0);
ln.setAttribute("stroke-dashoffset", 0);
}
}
if (stage > 0) {
if (animation_stages[stage])
blck__uq.setAttribute("class", "vis__uq");
}
}
// if (progress == 1) {
// stage = 10;
// offst = 0;
// }
// console.log('processParamAnimations',progress,stage, offst, anim_param,animation_stagesmcallout_opened__uq,'callout_opened__uq')
processParamAnimations(stage, offst, anim_param);
(() => {
let imgb = $("slider__uq");
let imgs = $("#slider_shadow__uq");
let dsct = $("#description_text__uq");
// let img_clp = $("#slider_clp__uq");
// let img_clp2 = $("#slider_clp2__uq");
let prgb = $("#progress_bar__uq");
let main_img_x = 220;
let main_img_y = 103;
let main_img_offset_x = 0; // horizontal image offset in pixels
let main_img_offset_y = -70; // vertical image offset in pixels
let main_img_scale_x = 1; // horizontal image scale
let main_img_scale_y = 1.61; // vertical image scale
let main_img_width = 200; // image width in pixels
let main_img_height = 115; // image height in pixels
if (stage == 1 && animation_stages[1] && dsct) {
console.log('dsct',dsct)
calculateTruncation(dsct);
}
if (stage == 5 && animation_stages[5]) {
// Start progress bar animation
prgb.setAttribute("class", "progress_play__uq");
// Show the close button, hide the image description when the progress bar is done
sliderTimeout = setTimeout(function(){
$('#close_bttn__uq').setAttribute("class", "vis__uq");
$('#ad_block__uq').setAttribute("class", "hide_desc__uq vis__uq");
// Start the slideshow
if (imagesNumber > 1) {
changeSlider();
sliderInterval = setInterval(imageSlider, params__uq.slider.slide_time);
}
}, 5000);
}
})();
if (animation_stages[stage])
animation_stages[stage] = false;
}
})
}
function processParamAnimations(stage, offst, anim_param,el=null) {
// console.log('stage',stage);
//STARTING PARAMS ANIMATIONS
for (let p of Object.keys(params__uq)) {
let pp = params__uq[p];
// console.log('++++',p,el,pp)
if (p != 'target' && p != 'point' && pp[anim_param] && pp.enabled && (!el || (el && pp.hover_animations && p+'__uq' == el))){
if (stage == 0 && animation_stages[0] == true && anim_param == 'start_animations' && Object.keys(pp[anim_param]).some(x=> x !='hide' && x !='fadeOut' && pp[anim_param][x].enabled && $('#'+p+"__uq")) ){
$('#'+p+"__uq").classList.add("novis__uq");
}
for (let a of Object.keys(pp[anim_param])) {
let aa = pp[anim_param][a];
var cside = encodeURI('%CONNECTION_SIDE%');
let aastage = (cside == 'right' && aa.stage_rtl && aa.stage_rtl >= 0) ? aa.stage_rtl : aa.stage;
if (stage > aastage && aa.enabled && animation_stages[stage]) {
doAnim(p,a,pp,aa,aastage,1)
}
else if (aastage == stage && (!aa.once || animation_stages[stage] == true) && aa.enabled) {
doAnim(p,a,pp,aa,stage,offst)
}
}
}
}
}
function doAnim(p,a,pp,aa,stage,offst) {
let x = aa.x || pp.x;
let y = aa.y || pp.y;
let width = aa.width || pp.width;
let height = aa.height || pp.height;
if (a == 'hide' && animation_stages[stage] && $('#'+p+"__uq")){
$('#'+p+"__uq").classList.add("novis__uq");
$('#'+p+"__uq").classList.remove("fadeIn__uq")
$('#'+p+"__uq").classList.remove("fadeOut__uq")
}
else if (a == 'show' && animation_stages[stage] && $('#'+p+"__uq")){
$('#'+p+"__uq").classList.remove("novis__uq");
$('#'+p+"__uq").classList.remove("fadeIn__uq")
$('#'+p+"__uq").classList.remove("fadeOut__uq")
}
else if (a == 'slide'){
if ($('#'+p+"__uq"))
$('#'+p+"__uq").classList.remove("novis__uq");
if ($('#'+p+'_shadow__uq') || $('#'+p+'_top__uq'))
animateRectangle(aa.unhide_direction, $('#'+p+'_shadow__uq'), $('#'+p+'_top__uq'), x, y, width, height, offst);
if ($('#'+p+'_clp__uq'))
animateClip(aa.unhide_direction, $('#'+p+'_clp__uq'), x, y, width+3, height+3, offst);
// if ($('#'+p+'_clp2__uq'))
// animateClip(aa.unhide_direction, $('#'+p+'_clp2__uq'), x, y, width, height, offst);
}
else if (a == 'slideReverse'){
if ($('#'+p+'_shadow__uq') || $('#'+p+'_top__uq')){
animateRectangleReverse(aa.unhide_direction, $('#'+p+'_shadow__uq'), $('#'+p+'_top__uq'), x, y, width, height, offst);
}
if ($('#'+p+'_clp__uq'))
animateClipReverse(aa.unhide_direction, $('#'+p+'_clp__uq'), x, y, width, height, offst);
// if ($('#'+p+'_clp2__uq'))
// animateClipReverse(aa.unhide_direction, $('#'+p+'_clp2__uq'), x, y, width, height, offst);
}
else if (a == 'animateRectangle'){
animateRectangle(aa.unhide_direction, $('#'+p+'_shadow__uq'), $('#'+p+'_top__uq'), x, y, width, height, offst);
}
else if (a == 'animateRectangleReverse'){
animateRectangleReverse(aa.unhide_direction, $('#'+p+'_shadow__uq'), $('#'+p+'_top__uq'), x, y, width, height, offst);
}
else if (a == 'setRectangle' && animation_stages[stage]) {
setRectangle($('#'+p+'_shadow__uq'), $('#'+p+'_top__uq'), x , y, width, height);
}
else if (a == 'setShape' && animation_stages[stage])
setShape($('#'+p+'_clp__uq'), x, y, width, height);
else if (a == 'show' && animation_stages[stage] && $('#'+p+"__uq")){
$('#'+p+"__uq").classList.remove("novis__uq");
$('#'+p+"__uq").classList.remove("fadeOut__uq")
}
else if (a == 'fadeIn'){
// $('#'+p+"__uq").setAttribute("opacity", offst * 0.2 / 2);
// console.log('opacity',offst * 1 / 2)
if ($('#'+p+"__uq")) {
$('#'+p+"__uq").classList.add("fadeIn")
$('#'+p+"__uq").classList.remove("fadeOut__uq")
$('#'+p+"__uq").classList.remove("novis__uq")
}
}
else if (a == 'fadeOut'){
// $('#'+p+"__uq").setAttribute("opacity", offst * 0.2 / 2);
// console.log('opacity',offst * 1 / 2)
if ($('#'+p+"__uq")) {
$('#'+p+"__uq").classList.add("fadeOut__uq")
$('#'+p+"__uq").classList.remove("fadeIn__uq")
$('#'+p+"__uq").classList.remove("novis__uq")
}
}
else if (a == 'animateClip'){
animateClip(aa.unhide_direction, $('#'+p+'_clp__uq'), x, y, width, height, offst);
}
else if (a == 'animateClipReverse'){
animateClipReverse(aa.unhide_direction, $('#'+p+'_clp__uq'), x, y, width, height, offst);
}
else if (a == 'fadeInShadow') {
if ($('#'+p+'_shadow__uq'))
$('#'+p+'_shadow__uq').setAttribute("opacity", offst * aa.darkness / 2)
}
else if ((a == 'rotateX') || (a == 'rotateY')){
console.log('ANIM',a)
// if ($('#'+p+'_shadow__uq') || $('#'+p+'_top__uq')){
// ($('#'+p+'_shadow__uq') || $('#'+p+'_top__uq')).style.animationDuration = aa.duration + 's';
// ($('#'+p+'_shadow__uq') || $('#'+p+'_top__uq')).classList.remove(a+'__uq');
// ($('#'+p+'_shadow__uq') || $('#'+p+'_top__uq')).classList.add(a+'__uq');
// }
// $('#'+p+'__uq').style.transition='transform '+aa.duration+'s';
$('#'+p+'__uq').classList.remove(a+'__uq');
window.requestAnimationFrame(()=>{
$('#'+p+'__uq').style.transformOrigin= (pp.x+pp.width/2)+'px '+(pp.y+pp.height/2)+'px';
$('#'+p+'__uq').style.animationDuration=aa.duration+'s';
$('#'+p+'__uq').classList.add(a+'__uq');
});
}
}
if (params__uq.base.hidden == false)
onTriggerClick();
// setTimeout (()=>{ //TODO: WITHOUT TIMEOUT
// try {
// params__uq.base.banner.offset.left += $('#svg__uq #ad_block__uq').transform.baseVal.getItem(0).matrix.e;
// params__uq.base.banner.offset.top += $('#svg__uq #ad_block__uq').transform.baseVal.getItem(0).matrix.f;
// } catch (e) {
// console.error('new banner XY ERROR',e);
// }
// },4000)
$('#trigger__uq').addEventListener('click', () => { onTriggerClick(); })
var tgts = $("#target_shadow__uq");
var tgt = $("#target_top__uq");
// Settings for the Target size and position
setAttributes(tgts, {"width": parseInt(params__uq.target.width) + 8, "height": parseInt(params__uq.target.height) + 8, "x": parseInt(params__uq.target.x,10) - 4, "y": parseInt(params__uq.target.y) - 4});
// Settings for the Target shadow
setAttributes(tgt, {"width": parseInt(params__uq.target.width), "height": parseInt(params__uq.target.height), "x": parseInt(params__uq.target.x), "y": parseInt(params__uq.target.y)});
// Settings for the Target dashed stroke
var tgtw = parseInt(params__uq.target.width) / 5;
var tgth = parseInt(params__uq.target.height) / 5;
var tgtc = Math.round((tgtw + tgth) * 100) / 100;
var tgtw = parseInt(params__uq.target.width) / 5;
var tgth = parseInt(params__uq.target.height) / 5;
var tgtc = Math.round((tgtw + tgth) * 100) / 100;
tgt.setAttribute("stroke-dasharray", tgtc + " " + tgtw + " " + tgtw + " " + tgtw + " " + tgtc + " " + tgth + " " + tgth + " " + tgth);
tgt.setAttribute("stroke-dashoffset", tgth);
// Prerendered Target shape elements, marked as #b, for the Target pulsation animation
var tgt_val = [1.0004, 1.0031, 1.0105, 1.025, 1.0395, 1.0469, 1.05];
for (var i = 2; i < 9; i++) {
let tgt_trsfrm1 = "translate(" + (parseInt(params__uq.target.x) + (parseInt(params__uq.target.width) / 2)) + " " + (parseInt(params__uq.target.y) + (parseInt(params__uq.target.height) / 2)) + ") scale(";
let tgt_trsfrm2 = ") translate(" + (-(parseInt(params__uq.target.x) + (parseInt(params__uq.target.width) / 2))*tgt_val[i-2]) + " " + (-(parseInt(params__uq.target.y) + (parseInt(params__uq.target.height) / 2))*tgt_val[i-2]) + ")";
let idn = "#b" + i+ "__uq";
$(idn).setAttribute("transform", tgt_trsfrm1 + tgt_val[i-2] + tgt_trsfrm2);
}
$('#target__uq').addEventListener('click', () => { onTriggerClick(); })
// Slideshow
var slideNumber = 1;
var sliderInterval;
var sliderTimeout;
var imgm = $("#main_img__uq");
var imgm2 = $("#slide_img__uq");
var prgb = $("#progress_bar__uq");
let price_text = $('#price_text__uq');
let price_sale = $('#price_sale__uq');
let headline_text = $('#headline_text__uq');
let dsct = $("#description_text__uq");
let dsc_ttl = $("#desc_title__uq");
let main_img_x = 220;
let main_img_y = 103;
let main_img_offset_x = 0; // horizontal image offset in pixels
let main_img_offset_y = -70; // vertical image offset in pixels
let main_img_scale_x = 1; // horizontal image scale
let main_img_scale_y = 1.61; // vertical image scale
let main_img_width = 200; // image width in pixels
let main_img_height = 115; // image height in pixels
setAttributes(imgm, {"x": main_img_x + main_img_offset_x, "y": main_img_y + main_img_offset_y, "width": main_img_width * main_img_scale_x, "height": main_img_height * main_img_scale_y});
setAttributes(imgm2, {"x": main_img_x + main_img_offset_x, "y": main_img_y + main_img_offset_y, "width": main_img_width * main_img_scale_x, "height": main_img_height * main_img_scale_y});
calculateTruncation(dsct);
let slides = JSON.parse('%slides%');
let imagesNumber = slides.length;
imgm.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', slides[0].img);
// $('#img_link__uq').setAttribute('href', slides[0].url)
if (params__uq.description && params__uq.description.enabled && dsct) {
dsct.textContent = slides[0].description;
dsc_ttl.textContent = slides[0].desc_title;
}
if (price_text){
params__uq.price.text = slides.map(x=>x.price).sort((a,b)=>{return b.length-a.length})[0];
price_text.textContent = slides[0].price;
}
if (price_sale)
price_sale.textContent = slides[0].price_sale;
if (headline_text)
headline_text.textContent = slides[0].title;
if (imagesNumber > 1) {
setAttributes(imgm2, {"x": main_img_x + main_img_offset_x, "y": main_img_y + main_img_offset_y, "width": main_img_width * main_img_scale_x, "height": main_img_height * main_img_scale_y});
imgm2.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', slides[1].img);
}
function changeSlider() {
prgb.setAttribute("class", "");
imgm.setAttribute("class", "");
if (slideNumber < imagesNumber) {
imgm.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', slides[slideNumber].img);
if (dsc_ttl)
dsc_ttl.textContent = slides[slideNumber].desc_title;
if (slideNumber + 1 < imagesNumber) {
imgm2.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', slides[slideNumber + 1].img);
} else if (slideNumber + 1 == imagesNumber) {
imgm2.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', slides[0].img);
}
setTimeout(function(){
prgb.setAttribute("class", "progress_play__uq");
imgm.setAttribute("class", "transition__uq");
}, 20);
} else if (slideNumber == imagesNumber) {
slideNumber = 0;
if (dsc_ttl)
dsc_ttl.textContent = slides[slideNumber].desc_title;
imgm.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', slides[slideNumber].img);
imgm2.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', slides[slideNumber + 1].img);
setTimeout(function(){
$("#progress_bar__uq").setAttribute("class", "progress_play__uq");
imgm.setAttribute("class", "transition__uq");
}, 20);
}
if (price_text)
price_text.textContent = slides[slideNumber].price;
if (price_sale)
price_sale.textContent = slides[slideNumber].price_sale;
// $('#img_link__uq').setAttribute('href', slides[slideNumber].url)
if (headline_text)
headline_text.textContent = slides[slideNumber].title;
if (dsct) {
dsct.textContent = slides[slideNumber].description;
dsc_ttl.textContent = slides[slideNumber].desc_title;
}
if (typeof updateHeadlineText === 'function')
updateHeadlineText();
slideNumber++;
}
function imageSlider() {
changeSlider();
}
if (params__uq.description.text == '' && params__uq.description.title == ''){
$('#description__uq').setAttribute("class", "novis__uq");
$('#description_shadow__uq').setAttribute("class", "novis__uq");
$('#description_shadow__uq').style.opacity=0;
$('#description__uq').style.opacity=0;
}
else if (params__uq.description.text == '')
$('#description_top__uq').setAttribute("class", "novis__uq");
else if (params__uq.description.title == '')
$('#desc_title__uq').setAttribute("class", "novis__uq");
var prc = $("#price_text__uq");
var prcs = $("#price_shadow__uq");
var prct = $("#price_top__uq");
var prcsl = $("#price_sale__uq");
var prc_clp = $("#price_clp__uq");
let p = params__uq.price;
if (params__uq.price.sale_text && params__uq.price.sale_text != "" && params__uq.price.sale_text != "null" && params__uq.price.sale_text != null) {
prcsl.style.display = 'block';
prc.setAttribute("x", p.x + p.width / p.sale_width_delimiter)
prc.setAttribute("y", p.y + p.height / 2 )
prcsl.setAttribute("x",p.x + p.width / p.sale_width_delimiter);
prcsl.setAttribute("y",p.y + p.height / 2 + p.height / 2.5);
$("#price_text__uq").setAttribute("text-anchor", "end");
if (!p.auto_width && p.auto_font_size && p.text) {
p.font_size = Math.min(Math.round(p.width / (p.text.length*0.7)) , Math.round(p.height / 1.7));
prc.setAttribute("font-size",p.font_size);
prcsl .setAttribute("font-size",p.font_size - Math.round(p.font_size/6));
}
} else {
if (!p.auto_width && p.auto_font_size && p.text) {
p.font_size=Math.min(Math.round(p.width / (p.text.length *0.65)) , Math.round(p.height / 1.4));
prc.setAttribute("font-size", p.font_size);
}
prc.setAttribute("x", p.x + p.width / 2);
prc.setAttribute("y", p.y + p.height / 2 + parseInt(p.font_size / 3, 10) );
$("#price_text__uq").setAttribute("text-anchor", "middle");
}
// Prerendered Price background shape elements, marked as #p, for the price background waving
var p_val = [2, 4, 2, 0, -2, -4, -2]; // Angles of the rotation
setShape($('#headline_object__uq'), params__uq.headline.x, params__uq.headline.y, params__uq.headline.width, params__uq.headline.height);
function updateHeadlineText () {
var headline_text_width = Math.ceil($('#headline_text__uq').innerHTML.length * 14 / 1.579); // "1.579" is actual for the "Roboto" font face
$("#headline_text__uq").setAttribute("style", "line-height: 35px; font-size: 14px; --text-ind: " + (135 - 40 - headline_text_width) + "px");
if (headline_text_width > 95) {
$("#headline_object__uq").setAttribute("class", "animated_text__uq");
$('#headline_text__uq').style['animation-duration'] = Math.round($('#headline_text__uq').textContent.length * 0.266)+'s'
} else
$("#headline_object__uq").setAttribute("class", "")
if (params__uq.headline.auto_font_size) {
let coeff = 9.642857142857142
$("#headline_text__uq").style.fontSize = parseInt((params__uq.headline.vertical ? params__uq.headline.height : params__uq.headline.width) / coeff) + 'px';
// let coeffLH = 9.642857142857142
$("#headline_text__uq").style.lineHeight = (params__uq.headline.vertical ? params__uq.headline.width : params__uq.headline.height) + 'px';
}
// if (params__uq.headline.vertical)
// $("#headline_text__uq").style.marginTop = params__uq.headline.height - 35 + 'px';
}
updateHeadlineText();
if (params__uq.base.stretch_x || params__uq.base.stretch_y ) {
$('#domain_text__uq').setAttribute('x', params__uq.domain.x + params__uq.domain.width / 2);
$('#domain_text__uq').setAttribute('y', 1 + params__uq.domain.y + params__uq.domain.height / 2 + params__uq.domain.font_size / 4.35);
}
// if (params__uq.domain.sticky_right){
// console.log('sticky_right', params__uq.domain.x , params__uq.domain.real_width , params__uq.domain.width, params__uq.domain.x + params__uq.domain.real_width - params__uq.domain.width)
// $('#domain_top__uq').setAttribute('x', params__uq.domain.x + params__uq.domain.real_width - params__uq.domain.width);
// $('#domain_clp__uq').setAttribute('x', params__uq.domain.x + params__uq.domain.real_width - params__uq.domain.width);
// if ($('#domain_shadow__uq'))
// $('#domain_shadow__uq').setAttribute('x', params__uq.domain.x + params__uq.domain.real_width - params__uq.domain.width);
// }
$('#close_bttn_a__uq').addEventListener('click', () => {
event.stopImmediatePropagation();
callout_opened__uq = false;
hideElem();
animation_stages = [true, true, true, true, true, true, true, true, true];
if (typeof sliderTimeout != 'undefined')
clearTimeout(sliderTimeout)
if (typeof sliderInterval != 'undefined')
clearInterval(sliderInterval);
var slideNumber = 1;
})
$('#info_bttn_a__uq').addEventListener('click', () => {
event.stopImmediatePropagation();
})
console.log('fire event templateReady__uq');
window.dispatchEvent(new Event("templateReady__uq"));
})()
]]>
&($.textContent=G[N].desc_title),F.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",G[N].img),j.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",G[N+1].img),setTimeout((function(){t("#progress_bar__uq").setAttribute("class","progress_play__uq"),F.setAttribute("class","transition__uq")}),20)),W&&(W.textContent=G[N].price),B&&(B.textContent=G[N].price_sale),D&&(D.textContent=G[N].title),U&&(U.textContent=G[N].description,$.textContent=G[N].desc_title),ee(),N++}function J(){Q()}F.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",G[0].img),params__uq.description&¶ms__uq.description.enabled&&U&&(U.textContent=G[0].description,$.textContent=G[0].desc_title),W&&(params__uq.price.text=G.map(e=>e.price).sort((e,t)=>t.length-e.length)[0],W.textContent=G[0].price),B&&(B.textContent=G[0].price_sale),D&&(D.textContent=G[0].title),P>1&&(_(j,{x:220,y:33,width:200,height:185.15}),j.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",G[1].img)),""==params__uq.description.text&&""==params__uq.description.title?(t("#description__uq").setAttribute("class","novis__uq"),t("#description_shadow__uq").setAttribute("class","novis__uq"),t("#description_shadow__uq").style.opacity=0,t("#description__uq").style.opacity=0):""==params__uq.description.text?t("#description_top__uq").setAttribute("class","novis__uq"):""==params__uq.description.title&&t("#desc_title__uq").setAttribute("class","novis__uq");var V=t("#price_text__uq"),K=(t("#price_shadow__uq"),t("#price_top__uq"),t("#price_sale__uq"));t("#price_clp__uq");let Z=params__uq.price;params__uq.price.sale_text&&""!=params__uq.price.sale_text&&"null"!=params__uq.price.sale_text&&null!=params__uq.price.sale_text?(K.style.display="block",V.setAttribute("x",Z.x+Z.width/Z.sale_width_delimiter),V.setAttribute("y",Z.y+Z.height/2),K.setAttribute("x",Z.x+Z.width/Z.sale_width_delimiter),K.setAttribute("y",Z.y+Z.height/2+Z.height/2.5),t("#price_text__uq").setAttribute("text-anchor","end"),!Z.auto_width&&Z.auto_font_size&&Z.text&&(Z.font_size=Math.min(Math.round(Z.width/(.7*Z.text.length)),Math.round(Z.height/1.7)),V.setAttribute("font-size",Z.font_size),K.setAttribute("font-size",Z.font_size-Math.round(Z.font_size/6)))):(!Z.auto_width&&Z.auto_font_size&&Z.text&&(Z.font_size=Math.min(Math.round(Z.width/(.65*Z.text.length)),Math.round(Z.height/1.4)),V.setAttribute("font-size",Z.font_size)),V.setAttribute("x",Z.x+Z.width/2),V.setAttribute("y",Z.y+Z.height/2+parseInt(Z.font_size/3,10)),t("#price_text__uq").setAttribute("text-anchor","middle"));function ee(){var e=Math.ceil(14*t("#headline_text__uq").innerHTML.length/1.579);if(t("#headline_text__uq").setAttribute("style","line-height: 35px; font-size: 14px; --text-ind: "+(95-e)+"px"),e>95?(t("#headline_object__uq").setAttribute("class","animated_text__uq"),t("#headline_text__uq").style["animation-duration"]=Math.round(.266*t("#headline_text__uq").textContent.length)+"s"):t("#headline_object__uq").setAttribute("class",""),params__uq.headline.auto_font_size){let e=9.642857142857142;t("#headline_text__uq").style.fontSize=parseInt((params__uq.headline.vertical?params__uq.headline.height:params__uq.headline.width)/e)+"px",t("#headline_text__uq").style.lineHeight=(params__uq.headline.vertical?params__uq.headline.width:params__uq.headline.height)+"px"}}p(t("#headline_object__uq"),params__uq.headline.x,params__uq.headline.y,params__uq.headline.width,params__uq.headline.height),ee(),(params__uq.base.stretch_x||params__uq.base.stretch_y)&&(t("#domain_text__uq").setAttribute("x",params__uq.domain.x+params__uq.domain.width/2),t("#domain_text__uq").setAttribute("y",1+params__uq.domain.y+params__uq.domain.height/2+params__uq.domain.font_size/4.35)),t("#close_bttn_a__uq").addEventListener("click",()=>{event.stopImmediatePropagation(),u=!1,o.setAttribute("class","line__uq novis__uq"),g.setAttribute("class","line__uq novis__uq"),h.setAttribute("class","novis__uq"),t("#slider__uq").setAttribute("class","open_desc__uq"),t("#main_img__uq").setAttribute("class",""),t("#main_img__uq").setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",params__uq.slider.slides[0].img),p(t("#slider_clp__uq"),params__uq.slider.x,params__uq.slider.y,params__uq.slider.clip_width,params__uq.slider.clip_height),P>1&&t("#slide_img__uq").setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",params__uq.slider.slides[1].img),p(t("#price_clp__uq"),params__uq.price.x,params__uq.price.y,params__uq.price.clip_width,params__uq.price.clip_height),p(t("#price_bg__uq"),params__uq.price.x,params__uq.price.y,params__uq.price.width,params__uq.price.height),p(t("#headline_clp__uq"),params__uq.headline.x,params__uq.headline.y,params__uq.headline.clip_width,params__uq.headline.clip_height),p(t("#headline_top__uq"),params__uq.headline.x,params__uq.headline.y,params__uq.headline.width,params__uq.headline.height),p(t("#headline_shadow__uq"),params__uq.headline.x,params__uq.headline.y,params__uq.headline.width,params__uq.headline.height),t("#progress_bar__uq").setAttribute("class",""),c=[!0,!0,!0,!0,!0,!0,!0,!0,!0],void 0!==M&&clearTimeout(M),void 0!==C&&clearInterval(C)}),t("#info_bttn_a__uq").addEventListener("click",()=>{event.stopImmediatePropagation()}),window.dispatchEvent(new Event("templateReady__uq"))})();
]]>