%description_title%
%description_text%
%domain_text%
%form_privacy_text%
%headline_text%
&($.textContent=P[E].desc_title),E+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":600,"hidden":true,"banner_action":"%base_banner_action%","banner":{"offset":{"top":38,"left":220},"width":434,"height":389,"place_on_target":false},"blur_delay":500,"join":{"offset":36,"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]]},"stretch_x":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}},"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}},"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}},"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}},"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}},"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}},"clip_width":null,"clip_height":null},"point":{"enabled":true,"x":"%POINT_X%","y":"%POINT_Y%","start_animations":{"ppulse":{"duration":"1s","enabled":true}},"radius":16,"color":"#FFF"},"target":{"enabled":true,"x":"%TARGET_X%","y":"%TARGET_Y%","width":"%TARGET_WIDTH%","height":"%TARGET_HEIGHT%","start_animations":{"pulse":{"duration":"1s"}},"clip_width":75,"clip_height":75,"color":"#FFF"},"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}},"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}},"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}},"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}},"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}},"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}},"clip_width":449,"clip_height":63},"progress_bar":{"enabled":true,"link_to_video":false,"x":220,"y":95,"color":"#FFCB02","width":153,"height":3,"time":5000,"play":false,"stage":0,"clip_width":168,"clip_height":18},"domain":{"enabled":true,"x":220,"y":98,"width":71.5,"auto_width":true,"height":19,"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}},"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}},"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}},"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}},"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}},"text":"%domain_text%","shadow_enabled":true,"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}},"sticky_right":false,"clip_width":86.5,"clip_height":34},"slider":{"enabled":true,"slide_time":5000,"x":220,"y":63,"offset_x":0,"offset_y":-70,"scale_x":1,"scale_y":1.61,"width":200,"height":146,"slides":[{"img":"sofa_01.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":"700$","price_sale":"1000$","action":"url"},{"img":"sofa_02.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":"sofa_03.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}},"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}},"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}},"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}},"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}},"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}},"clip_width":215,"clip_height":161},"headline":{"enabled":true,"x":220,"y":63,"width":153,"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}},"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}},"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}},"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}},"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}},"shadow_enabled":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}},"clip_width":168,"clip_height":50},"form_plate":{"enabled":true,"x":220,"y":212,"width":200,"height":215,"bg_color":"#fff","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":true,"stage":0,"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}},"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}},"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}},"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}},"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}},"action_animations":{"slide":{"enabled":true,"stage":0,"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},"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}},"clip_width":215,"clip_height":230},"form_name":{"enabled":true,"x":231,"y":221,"width":181,"height":30,"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":true,"stage":0,"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}},"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}},"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}},"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}},"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}},"action_animations":{"slide":{"enabled":true,"stage":1,"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},"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}},"clip_width":196,"clip_height":45},"form_email":{"enabled":true,"x":231,"y":259,"width":181,"height":30,"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":true,"stage":0,"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}},"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}},"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}},"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}},"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}},"action_animations":{"slide":{"enabled":true,"stage":1,"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},"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}},"clip_width":196,"clip_height":45},"form_message":{"enabled":true,"x":231,"y":295,"width":181,"height":70,"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":true,"stage":0,"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}},"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}},"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}},"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}},"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}},"action_animations":{"slide":{"enabled":true,"stage":1,"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},"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}},"clip_width":196,"clip_height":85},"form_privacy":{"enabled":true,"x":262,"y":367,"width":120,"height":30,"color":"#1a67d7","font_size":12,"text":"%form_privacy_text%","url":"https://www.google.com","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":true,"stage":0,"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}},"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}},"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}},"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}},"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}},"action_animations":{"slide":{"enabled":true,"stage":1,"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},"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}},"clip_width":135,"clip_height":45},"form_button":{"enabled":true,"x":220,"y":392,"width":200,"height":35,"text":"%form_button_text%","color":"#000","bg_color":"#ffcb02","bg_color_hover":"#ff9d02","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":true,"stage":0,"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}},"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}},"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}},"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}},"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}},"action_animations":{"slide":{"enabled":true,"stage":1,"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},"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}},"clip_width":215,"clip_height":50,"action":"%form_button_action%"}}
if (params__uq.base.stretch_x) {
let bwidth = params__uq.base.banner.width
let cwidth = parseInt('%CANVAS_WIDTH%') || params__uq.base.canvas_width
console.log('banner_width',bwidth)
for (let pk of Object.keys(params__uq)) {
let p = params__uq[pk];
if (p.enabled) {
p.width = parseInt(p.width * (cwidth/bwidth), 10)
// if (p.sticky_right){
// let width = p.text.length * (p.font_size * 0.65)
// p.x = Math.round(parseInt(p.x) * (cwidth/bwidth)) + p.width - width;
// }
// else
p.x = Math.round(parseInt(p.x) * (cwidth/bwidth))
let eltypes = ['text','top','clp','object','img','rect','shadow']
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);
}
}
}
}
}
// $('#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))
// }
for (let p of Object.keys(params__uq)) {
let pp = params__uq[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:','');
window.open(url);
});
}
}
$('#'+p+'__uq').addEventListener("mouseenter", function(e) {
onHover(e,this.id)
});
$('#'+p+'__uq').addEventListener("mouseout", function(e) {
onBlur(e,this.id)
});
}
}
//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'){
$('#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('#ad_block__uq')) {
el.addEventListener("click",function() {
let url = params__uq.base.banner_action.replace('open_url:','');
window.open(url);
}
);}
}
$('#ad_block__uq').addEventListener("mouseenter",function(e) {
onHover(e);
});
$('#ad_block__uq').addEventListener("mouseout", function(e) {
console.log('ad_block__uq blur')
onBlur(e);
});
// 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 = $("#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) {
// console.log ('##CONNECTION_SIDE',unhide_direction,'--%CONNECTION_SIDE%')
if (unhide_direction == "left_to_right" || (unhide_direction == "auto" && 'left' == '%CONNECTION_SIDE%') || (unhide_direction == "reverse" && 'right' == '%CONNECTION_SIDE%')) {
if(time_f > .9) {
if (rect_name)
rect_name.setAttribute("width", r_width);
if (rect_shad)
rect_shad.setAttribute("width", r_width);
}
else {
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' == '%CONNECTION_SIDE%') || (unhide_direction == "auto" && 'right' == '%CONNECTION_SIDE%')) {
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) {
if (unhide_direction == "right_to_left" || (unhide_direction == "reverse" && 'left' == '%CONNECTION_SIDE%') || (unhide_direction == "auto" && 'right' == '%CONNECTION_SIDE%')) {
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' == '%CONNECTION_SIDE%') || (unhide_direction == "reverse" && 'right' == '%CONNECTION_SIDE%')) {
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) {
// 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' == '%CONNECTION_SIDE%') || (unhide_direction == "reverse" && 'right' == '%CONNECTION_SIDE%')) {
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' == '%CONNECTION_SIDE%') || (unhide_direction == "auto" && 'rigth' == '%CONNECTION_SIDE%') ) {
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)
if (unhide_direction == "right_to_left" || (unhide_direction == "reverse" && 'left' == '%CONNECTION_SIDE%') || (unhide_direction == "auto" && 'right' == '%CONNECTION_SIDE%')) {
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' == '%CONNECTION_SIDE%') || (unhide_direction == "reverse" && 'right' == '%CONNECTION_SIDE%')) {
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");
setShape($('#form_plate_top__uq'), params__uq.form_plate.x, params__uq.form_plate.y, params__uq.form_plate.width, params__uq.form_plate.height);
if ($('#form_plate_shadow__uq'))
setShape($('#form_plate_shadow__uq'), params__uq.form_plate.x, params__uq.form_plate.y, params__uq.form_plate.width, params__uq.form_plate.height);
$("#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);
// 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);
setShape($('#form_name_clp__uq'), params__uq.form_name.x, params__uq.form_name.y, params__uq.form_name.clip_width, params__uq.form_name.clip_height);
setShape($('#form_email_clp__uq'), params__uq.form_email.x, params__uq.form_email.y, params__uq.form_email.clip_width, params__uq.form_email.clip_height);
setShape($('#form_message_clp__uq'), params__uq.form_message.x, params__uq.form_message.y, params__uq.form_message.clip_width, params__uq.form_message.clip_height);
setShape($('#form_privacy_clp__uq'), params__uq.form_privacy.x, params__uq.form_privacy.y, params__uq.form_privacy.clip_width, params__uq.form_privacy.clip_height);
setShape($('#form_button_clp__uq'), params__uq.form_button.x, params__uq.form_button.y, params__uq.form_button.clip_width, params__uq.form_button.clip_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);
$('#progress_bar__uq').setAttribute("class", "");
};
// var showAll = function() {
// unhideElem();
// setAttributes($("#canvas_border"), {"width": params__uq.base.canvas_width, "height": params__uq.base.canvas_height});
// 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 + " " + 600});
function onActionAnimate(el = null) {
if (window.onActionAnimated)
return false;
window.onActionAnimated = true;
startParamAnimations('action_animations', el);
}
function onHover(e,el = null) {
// hoverTimeout = setTimeout(function() {
if (!callout_opened__uq)
return false;
if (blurTimeout){
// console.log('clearTimeout(blurTimeout)',blurTimeout)
clearTimeout(blurTimeout);
// console.log('clearTimeout(blurTimeout) -- 2',blurTimeout)
}
if (!hovered[el]) {
// console.log('hovered',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.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 += $('#ad_block__uq').transform.baseVal.getItem(0).matrix.e;
params__uq.base.banner.offset.top += $('#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);
}
}
// },30);
};
function onBlur (e,el = null) {
// console.log('blured',el,blurTimeout)
if (!callout_opened__uq)
return false;
blurTimeout = setTimeout(function() {
if (hovered[el]) {
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')
}
};
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 = 63;
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 = 146; // 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];
let aastage = ('%CONNECTION_SIDE%' == 'right' && aa.stage_rtl && aa.stage_rtl >= 0) ? aa.stage_rtl : aa.stage;
if (stage > aastage && aa.enabled && animation_stages[stage]) {
// 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 == 'slide' && Object.keys(pp[anim_param]).filter(x=> (x=='hide' || x == 'slideReverse' || x == 'fadeOut') && pp[anim_param][x].enabled && pp[anim_param][x].stage > aastage)<=0){
// if ($('#'+p+"__uq"))
// $('#'+p+"__uq").classList.remove("novis__uq");
// if ($('#'+p+'_shadow__uq') || $('#'+p+'_top__uq'))
// setRectangle($('#'+p+'_shadow__uq'), $('#'+p+'_top__uq'), x , y, width, height);
// if ($('#'+p+'_clp__uq') )
// setShape($('#'+p+'_clp__uq'), x, y, width, height);
// if ($('#'+p+'_clp2__uq') )
// setShape($('#'+p+'_clp2__uq'), x, y, width, height);
// if ($('#'+p+'_top__uq') )
// setShape($('#'+p+'_top__uq'), x, y, width, height);
// // setAttributes($('#'+p+'_top__uq'),{width, height});
// } else if (a == 'show' || a == 'fadeIn'){
// $('#'+p+"__uq").classList.remove("novis__uq");
// $('#'+p+"__uq").classList.remove("fadeOut")
// }
// else if ((a == 'slideReverse' || a == 'hide') && Object.keys(pp[anim_param]).filter(x=> (x=='slide' || x == 'show' || x == 'fadeIn') && pp[anim_param][x].enabled && pp[anim_param][x].stage > aastage)<=0){
// if ($('#'+p+"__uq"))
// $('#'+p+"__uq").classList.add("novis__uq");
// if ($('#'+p+'_shadow__uq') || $('#'+p+'_top__uq'))
// setRectangle($('#'+p+'_shadow__uq'), $('#'+p+'_top__uq'), x , y, 0, height);
// if ($('#'+p+'_clp__uq') )
// setShape($('#'+p+'_clp__uq'), x, y, 0, height);
// if ($('#'+p+'_clp2__uq') )
// setShape($('#'+p+'_clp2__uq'), x, y, 0, height);
// if ($('#'+p+'_top__uq') )
// setShape($('#'+p+'_top__uq'), x, y, 0, height);
// // setAttributes($('#'+p+'_top__uq'),{width, height});
// }
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 == '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);
}
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);
}
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")
}
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")
$('#'+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")
$('#'+p+"__uq").classList.remove("fadeIn")
$('#'+p+"__uq").classList.remove("novis__uq")
}
}
else if (a == 'hide' && animation_stages[stage] && $('#'+p+"__uq")){
$('#'+p+"__uq").classList.add("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)
}
}
if (params__uq.base.hidden == false)
onTriggerClick();
// setTimeout (()=>{ //TODO: WITHOUT TIMEOUT
// try {
// params__uq.base.banner.offset.left += $('#ad_block__uq').transform.baseVal.getItem(0).matrix.e;
// params__uq.base.banner.offset.top += $('#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 = 63;
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 = 146; // 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");
// 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);
// }
$('#field_form_button__uq').addEventListener('click',async (e)=>{
$('#field_form_button__uq').style.display = 'none';
for (let el of document.querySelectorAll('#svg__uq [id*="field_form_"]'))
el.style.opacity = '0.4';
for (let el of document.querySelectorAll('#svg__uq input'))
el.disabled = true;
var toSend = {};
for (let inp of document.querySelectorAll('#svg__uq input'))
toSend[inp.getAttribute('name')] = inp.value;
var newNode = document.createElement('div');
let act = params__uq.form_button.action;
if (act && act.startsWith('xhr:')) {
let url = act.replace('xhr:','');
let response = await fetch(url, {
method: 'POST',
body: JSON.stringify(toSend),
headers: {
'Content-Type': 'application/json'
}
});
newNode.style.textAlign = 'center';
newNode.style.fontWeight = 'bold';
newNode.style.fontFamily = 'sans-serif';
newNode.style.fontSize = '16px';
newNode.style.color = '#272727';
if (response.ok) {
let json = await response.json();
newNode.textContent = json.status == 1 ? '%form_message_success%' : '%form_message_error%';
} else {
newNode.textContent = '%form_message_error%';
}
$('#field_form_button__uq').after(newNode);
} else if (act && act.startsWith('get:')) {
let url = act.replace('get:','');
let u = new URLSearchParams(toSend).toString();
window.open(url+'?'+u)
}
});
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: " + (153 - 40 - headline_text_width) + "px");
if (headline_text_width > 113) {
$("#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", "")
}
updateHeadlineText();
$('#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;
})
})()
]]>
&($.textContent=P[E].desc_title),z.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",P[E].img),j.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",P[E+1].img),setTimeout((function(){t("#progress_bar__uq").setAttribute("class","progress_play__uq"),z.setAttribute("class","transition__uq")}),20)),F&&(F.textContent=P[E].price),W&&(W.textContent=P[E].price_sale),H&&(H.textContent=P[E].title),B&&(B.textContent=P[E].description,$.textContent=P[E].desc_title),U(),E++}function Y(){X()}function U(){var e=Math.ceil(14*t("#headline_text__uq").innerHTML.length/1.579);t("#headline_text__uq").setAttribute("style","line-height: 35px; font-size: 14px; --text-ind: "+(113-e)+"px"),e>113?(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","")}z.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",P[0].img),params__uq.description&¶ms__uq.description.enabled&&B&&(B.textContent=P[0].description,$.textContent=P[0].desc_title),F&&(params__uq.price.text=P.map(e=>e.price).sort((e,t)=>t.length-e.length)[0],F.textContent=P[0].price),W&&(W.textContent=P[0].price_sale),H&&(H.textContent=P[0].title),G>1&&(s(j,{x:220,y:-7,width:200,height:235.06}),j.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",P[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"),t("#field_form_button__uq").addEventListener("click",async e=>{t("#field_form_button__uq").style.display="none";for(let e of document.querySelectorAll('#svg__uq [id*="field_form_"]'))e.style.opacity="0.4";for(let e of document.querySelectorAll("#svg__uq input"))e.disabled=!0;var a={};for(let e of document.querySelectorAll("#svg__uq input"))a[e.getAttribute("name")]=e.value;var s=document.createElement("div");let n=params__uq.form_button.action;if(n&&n.startsWith("xhr:")){let e=n.replace("xhr:",""),i=await fetch(e,{method:"POST",body:JSON.stringify(a),headers:{"Content-Type":"application/json"}});if(s.style.textAlign="center",s.style.fontWeight="bold",s.style.fontFamily="sans-serif",s.style.fontSize="16px",s.style.color="#272727",i.ok){let e=await i.json();s.textContent=1==e.status?"%form_message_success%":"%form_message_error%"}else s.textContent="%form_message_error%";t("#field_form_button__uq").after(s)}else if(n&&n.startsWith("get:")){let e=n.replace("get:",""),t=new URLSearchParams(a).toString();window.open(e+"?"+t)}}),f(t("#headline_object__uq"),params__uq.headline.x,params__uq.headline.y,params__uq.headline.width,params__uq.headline.height),U(),t("#close_bttn_a__uq").addEventListener("click",()=>{event.stopImmediatePropagation(),_=!1,i.setAttribute("class","line__uq novis__uq"),l.setAttribute("class","line__uq novis__uq"),d.setAttribute("class","novis__uq"),f(t("#form_plate_top__uq"),params__uq.form_plate.x,params__uq.form_plate.y,params__uq.form_plate.width,params__uq.form_plate.height),t("#form_plate_shadow__uq")&&f(t("#form_plate_shadow__uq"),params__uq.form_plate.x,params__uq.form_plate.y,params__uq.form_plate.width,params__uq.form_plate.height),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),f(t("#slider_clp__uq"),params__uq.slider.x,params__uq.slider.y,params__uq.slider.clip_width,params__uq.slider.clip_height),G>1&&t("#slide_img__uq").setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",params__uq.slider.slides[1].img),f(t("#form_name_clp__uq"),params__uq.form_name.x,params__uq.form_name.y,params__uq.form_name.clip_width,params__uq.form_name.clip_height),f(t("#form_email_clp__uq"),params__uq.form_email.x,params__uq.form_email.y,params__uq.form_email.clip_width,params__uq.form_email.clip_height),f(t("#form_message_clp__uq"),params__uq.form_message.x,params__uq.form_message.y,params__uq.form_message.clip_width,params__uq.form_message.clip_height),f(t("#form_privacy_clp__uq"),params__uq.form_privacy.x,params__uq.form_privacy.y,params__uq.form_privacy.clip_width,params__uq.form_privacy.clip_height),f(t("#form_button_clp__uq"),params__uq.form_button.x,params__uq.form_button.y,params__uq.form_button.clip_width,params__uq.form_button.clip_height),f(t("#headline_clp__uq"),params__uq.headline.x,params__uq.headline.y,params__uq.headline.clip_width,params__uq.headline.clip_height),f(t("#headline_top__uq"),params__uq.headline.x,params__uq.headline.y,params__uq.headline.width,params__uq.headline.height),t("#progress_bar__uq").setAttribute("class",""),h=[!0,!0,!0,!0,!0,!0,!0,!0,!0],void 0!==M&&clearTimeout(M),void 0!==L&&clearInterval(L)})})();
]]>