builder.components = [{"id":"1","title":"Weather","description":"Two-day weather forecast widget by Yahoo weather","icon":"weather.png","code":"<script type=\"text\/javascript\">\r\n\tjQuery(function(){\r\n\t\tjQuery.post('\/weather\/index\/%1$s\/%2$s\/',{font:'%3$s'},function(data){\r\n\t\t\tdata = data.split('&comp_id&').join('%comp_id$s');\r\n\t\t\tjQuery('#weather_%comp_id$s').html(data);\r\n                        jQuery(\"#weather_%comp_id$s\").attr(\"style\",\"width: inherit; font-family:'%3$s' !important;\");\r\n\t\t});\r\n\t});\r\n        \r\n<\/script>\r\n<div id=\"weather_%comp_id$s\" style=\"width: inherit;\"><\/div>","sizes":"-300,-182","settings":"","settings_":"<div class=\"label narrow\" style=\"width: 90px; margin-top: 10px;\">ZIP:<\/div>\r\n<div class=\"field\" style=\"margin-top: 10px;\"><input type=\"text\" id=\"settings_id_1\" value=\"%1$s\" placeholder=\"90001\" \/><\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n\r\n<div class=\"label narrow\" style=\"width: 90px; margin-top: 10px;\">Font:<\/div>\r\n<div class=\"field\" style=\"margin-top: 10px;\">\r\n<select id=\"family_style_cusel_%comp_id$s\">\r\n<option value=\"EB Garamond\">EB Garamond<\/option>\r\n<option value=\"Cherry Swash\">Cherry Swash<\/option>\r\n<option value=\"Quando\">Quando<\/option>\r\n<option value=\"Arial\">Arial<\/option>\r\n<option value=\"Comic Sans MS\">Comic Sans MS<\/option>\r\n<option value=\"Courier New\">Courier New<\/option>\r\n<option value=\"Georgia\">Georgia<\/option>\r\n<option value=\"Times New Roman\">Times New Roman<\/option>\r\n<option value=\"Trebuchet MS\">Trebuchet MS<\/option>\r\n<option value=\"Verdana\">Verdana<\/option>\r\n<option value=\"Roboto-Regular\">Roboto-Regular<\/option>\r\n<option value=\"Lato\">Lato<\/option>\r\n<option value=\"MyriadPro\">Myriad Pro<\/option>\r\n<\/select>\r\n<input type=\"hidden\" id=\"settings_id_3\"  value=\"%3$s\" \/>\r\n<\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n\r\n<div class=\"dropdown_wrapper wide\" style=\"padding-left: 78px; padding-right: 0px;\">\r\n<div class=\"dd_label\">Background color:<\/div>\r\n<div class=\"dropdown_arrow\" id=\"dropdown_arrow_2_%comp_id$s\">\r\n\t<a href=\"#\" class=\"color\"><\/a>\r\n<\/div>\r\n<div class=\"hor_dropdown wide\" id=\"hor_dropdown_2_%comp_id$s\"><\/div>\r\n<input type=\"hidden\" id=\"settings_id_2_%comp_id$s\" class=\"settings_id_2_%comp_id$s\" value=\"%2$s\" \/>\r\n\t<script type=\"text\/javascript\">\r\n        if('%3$s' !== ''){\r\n           jQuery('#family_style_cusel_%comp_id$s').find('option').each(function(){\r\n              if(jQuery(this).attr('value') == '%3$s'){\r\n                 jQuery(this).attr('selected','selected');\r\n              }\r\n           })\r\n        }\r\n        if(jQuery('cuselFrame-family_style_cusel_%comp_id$s').size() < 1){\r\n             var family_style_cusel_%comp_id$s = {\r\n               changedEl: \"#family_style_cusel_%comp_id$s\",\r\n               scrollArrows: false,\r\n               visRows: 5\r\n             }\r\n             cuSel(family_style_cusel_%comp_id$s);\r\n        }\r\n\tvar palette_id = jQuery('#page_comp_id_%comp_id$s').parents('.block').data('palette_id');\r\n\tvar colors = template_colors[palette_id];\r\n\tif (!colors) {\r\n\t\tjQuery('.dropdown_wrapper.wide').remove();\r\n\t}\r\n\r\n\tfor (var i_2_%comp_id$s in colors) {\r\n\t\tjQuery('<a href=\"#' + colors[i_2_%comp_id$s] + '\" class=\"color\" style=\"background-color: #' + colors[i_2_%comp_id$s] + '\"><\/a>')\r\n\t\t.appendTo('#hor_dropdown_2_%comp_id$s').on('click', function(e){\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tjQuery('#dropdown_arrow_2_%comp_id$s a').css('backgroundColor', jQuery(this).attr('href'));\r\n\t\t\tjQuery('.settings_id_2_%comp_id$s').val(jQuery(this).attr('href').slice(1));\r\n\t\t\tjQuery('#hor_dropdown_2_%comp_id$s a').removeClass('active');\r\n\t\t\tjQuery(this).addClass('active');\r\n\t\t});\r\n\t};\r\n\r\n\tif (jQuery('#hor_dropdown_2_%comp_id$s a[href=\"#%2$s\"]').length > 0) {\r\n\t\tvar obj = jQuery('#hor_dropdown_2_%comp_id$s a[href=\"#%2$s\"]');\r\n\t\tjQuery('#dropdown_arrow_2_%comp_id$s a').css('backgroundColor', jQuery(obj).attr('href'));\r\n\t\tjQuery('.settings_id_2_%comp_id$s').val(jQuery(obj).attr('href').slice(1));\r\n\t\tjQuery(obj).addClass('active');\r\n\t} else {\r\n\t\tvar obj = jQuery('#hor_dropdown_2_%comp_id$s a')[0];\r\n\t\tjQuery('#dropdown_arrow_2_%comp_id$s a').css('backgroundColor', jQuery(obj).attr('href'));\r\n\t\tjQuery('.settings_id_2_%comp_id$s').val(jQuery(obj).attr('href').slice(1));\r\n\t\tjQuery(obj).addClass('active');\r\n\t}\r\n\t\r\n\tjQuery('#comp_conf_%comp_id$s').off('save').on('save', function() {\r\n\t\tvar errors_%comp_id$s = false;\r\n\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_1').val() == '') {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').addClass('error');\r\n\t\t\terrors_%comp_id$s = true;\r\n\t\t} else {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').removeClass('error');\r\n\t\t\terrors_%comp_id$s = false;\r\n\t\t}\r\n\t\r\n\t\tjQuery('#comp_conf_%comp_id$s').data('saveable', !errors_%comp_id$s);\r\n\t});\r\n        jQuery('#family_style_cusel_%comp_id$s').change(function(){\r\n                   jQuery('#settings_id_3').val(jQuery(this).val());\r\n        });\r\n\t<\/script>\r\n<\/div>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=lQjaUBGFYCg"},{"id":"2","title":"Location","description":"Route component (based on Google Maps), let user create a route to predefined destination","icon":"location.png","code":"<script type=\"text\/javascript\">\r\n\tvar geocoder_%comp_id$s = new google.maps.Geocoder();\r\n\tvar map_%comp_id$s;\r\n\tvar directionsDisplay_%comp_id$s;\r\n\tvar directionsService_%comp_id$s = new google.maps.DirectionsService();\r\n\tvar center_%comp_id$s;\r\n\tvar center_address_%comp_id$s;\r\n        var address_check_%comp_id$s;\r\n\t\r\n\tjQuery(function(){\r\naddress_check_%comp_id$s = '%4$s';\r\naddress_check_%comp_id$s = address_check_%comp_id$s.replace(\/ \/g,'');\r\naddress_check_%comp_id$s = address_check_%comp_id$s.replace(\/&nbsp;\/g,'');\r\n\t\tvar mapOptions = {\r\n\t\t\tzoom: '%2$s',\r\n\t\t\tmapTypeId: google.maps.MapTypeId.ROADMAP\r\n\t\t};\r\n\t\t\r\n\t\tif (mapOptions.zoom.length == 0) {\r\n\t\t\tmapOptions.zoom = 12;\r\n\t\t}\r\n\t\t\r\n\t\tif (jQuery('.location_settings').data('overlay') == true) {\r\n\t\t\t\r\n\t\t\t$('#map_overlay_%comp_id$s').remove();\r\n                        var addr = '%1$s';\r\n                        addr = addr.replace(\/\\[MAP\\]\/g,'').replace(\/\\[ MAP \\]\/g,'');\r\n\t\t\tif(jQuery('#page_comp_id_%comp_id$s').parent().hasClass('template12_map')){\r\n\t\t\t    $('<div id=\"map_overlay_%comp_id$s\" class=\"map_overlay component_outside\"\/>').append(\r\n\t\t\t\t    $('<div\/>').attr('class', 'overlay_inner').append(\r\n\t\t\t\t\t    $('<div\/>').css({width: '100%', height: '100%'}).attr({id: 'map_canvas_%comp_id$s', class: 'map_canvas'})\t\t\t\t\t    \t\t\t\t\t    \r\n\t\t\t\t    )\t\t\t\r\n\t\t\t    ).prependTo('#page_comp_id_%comp_id$s');\r\n\t\t\t    $('<div\/>').attr('class', 'address').html(addr).appendTo('#page_comp_id_%comp_id$s');\r\n\t\t\t}else{\r\n\t\t\t    $('<div id=\"map_overlay_%comp_id$s\" class=\"map_overlay component_outside\"\/>').append(\r\n\t\t\t\t    $('<div\/>').attr('class', 'overlay_inner').append(\r\n\t\t\t\t\t\t$('<a\/>').attr('href', 'javascript:void(0)').text('[close map]').on('click', function(){\r\n\t\t\t\t\t\t    $('#map_overlay_%comp_id$s').removeClass('active');\r\n\t\t\t\t\t    }),\r\n\t\t\t\t\t    $('<div\/>').css({width: 640, height: 480}).attr({id: 'map_canvas_%comp_id$s', class: 'map_canvas'}),\r\n\t\t\t\t\t    $('<div\/>').attr('class', 'address').html(addr)\r\n\t\t\t\t    )\t\t\t\r\n\t\t\t    ).prependTo('#preview_wrapper');\r\n\t\t\t    $('#page_comp_id_%comp_id$s .map_title').remove();\r\n\t\t\t    $('#page_comp_id_%comp_id$s').append(\r\n\t\t\t\t$('<div\/>').attr('class', 'map_title').append(\r\n\t\t\t\t    $('<a\/>').on('click', function(){\r\n\r\n\t\t\t\t\tif(address_check_%comp_id$s != ''){\r\n\t\t\t\t\t    $('#map_overlay_%comp_id$s').addClass('active');\r\n\t\t\t\t\t    google.maps.event.trigger(map_%comp_id$s, \"resize\");\r\n\t\t\t\t\t    map_%comp_id$s.setCenter(geo_location);\r\n\t\t\t\t\t}\r\n\t\t\t\t    }).attr('href', 'javascript:void(0);').html('%1$s')\r\n\t\t\t\t)\r\n\t\t\t    );\r\n\t\t\t}\t\t\t    \r\n\r\n\r\n\t\t} else {\r\n\t\t\t$('#page_comp_id_%comp_id$s').append(\r\n\t\t\t\t$('<div\/>').css({width: 'inherit', minHeight: '320px', height: 'inherit'}).attr({id: 'map_canvas_%comp_id$s', class: 'map_canvas'})\r\n\t\t\t);\r\n\t\t}\r\n\r\n\r\n\t\t\r\n\t\tmapOptions.zoom = parseInt(mapOptions.zoom);\r\n\t\t\r\n\t\tmap_%comp_id$s = new google.maps.Map(document.getElementById(\"map_canvas_%comp_id$s\"), mapOptions);\r\n\t\t\r\n\t\tvar address_%comp_id$s = '%4$s'.replace(\/<\\\/?[^>]+>\/gi, '');\r\n\t\taddress_%comp_id$s = address_%comp_id$s.replace(\/[\\r\\n]\/g, \" \");\r\n\t\taddress_%comp_id$s = address_%comp_id$s.trim();\r\n\r\n\t\tif(address_check_%comp_id$s != ''){\r\n\r\n\t\tvar geo_location;\r\n\t\t\r\n\t\tgeocoder_%comp_id$s.geocode({address: address_%comp_id$s}, function(result, status){\r\n\t\t\tif (!result) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tgeo_location = result[0].geometry.location;\r\n\t\t\tcenter_%comp_id$s = geo_location;\r\n\t\t\tcenter_address_%comp_id$s = result[0];\r\n\t\t\tmap_%comp_id$s.setCenter(geo_location);\r\n\t\t\t\r\n\t\t\tvar marker_%comp_id$s = new google.maps.Marker({position: geo_location, map: map_%comp_id$s});\r\n\t\t});\r\n\t\t\r\n\t\tdirectionsDisplay_%comp_id$s = new google.maps.DirectionsRenderer();\r\n\t\tdirectionsDisplay_%comp_id$s.setMap(map_%comp_id$s);\r\n\t\t\r\n\t\tgoogle.maps.event.trigger(map_%comp_id$s, 'resize');\r\n\t\t\r\n\t\tjQuery('#page_comp_id_%comp_id$s').on('resize', function(){\r\n\t\t\tgoogle.maps.event.trigger(map_%comp_id$s, 'resize');\r\n\t\t\tmap_%comp_id$s.setCenter(geo_location);\r\n\t\t});\r\n\r\n\r\n\r\n\t\tif ('%3$s' != '') {\r\n\t\t\tjQuery('#map_canvas_%comp_id$s').css('height', '-=50');\r\n\r\n\t\t\tjQuery(\r\n\t\t\t'<table style=\"margin-top: 7px;\">' +\r\n\t\t\t\t'<tr>' +\r\n\t\t\t\t\t'<td width=\"50%\" align=\"right\">' +\r\n\t\t\t\t\t\t'<input type=\"text\" placeholder=\"Type address\" id=\"travel_start_%comp_id$s\" \/>' +\r\n\t\t\t\t\t'<\/td>' +\r\n\t\t\t\t\t'<td width=\"50%\" align=\"left\">' +\r\n\t\t\t\t\t\t'<input type=\"button\" id=\"travel_button_%comp_id$s\" value=\"Show directions\" \/>' +\r\n\t\t\t\t\t'<\/td>' +\r\n\t\t\t\t'<\/tr>' +\r\n\t\t\t\t'<tr>' +\r\n\t\t\t\t\t'<td colspan=\"2\" align=\"left\" style=\"font-size: 12px;\">' +\r\n\t\t\t\t\t\t'<span style=\"display: none;\" id=\"time_to_travel_%comp_id$s\">Duration: <\/span>' +\r\n\t\t\t\t\t'<\/td>' +\r\n\t\t\t\t'<\/tr>' +\r\n\t\t\t'<\/table>').insertAfter('#map_canvas_%comp_id$s');\r\n\t\t\t\r\n\t\t\tjQuery('#travel_button_%comp_id$s').click(function(){\r\n\t\t\t\tvar start = jQuery('#travel_start_%comp_id$s').val();\r\n\t\t\t\tvar end = center_%comp_id$s;\r\n\t\t\t\tvar request = {\r\n\t\t\t\t\torigin: start,\r\n\t\t\t\t\tdestination: end,\r\n\t\t\t\t\ttravelMode: google.maps.TravelMode.DRIVING\r\n\t\t\t\t};\r\n\t\t\t\tdirectionsService_%comp_id$s.route(request, function(result, status) {\r\n\t\t\t\t\tjQuery('#time_to_travel_%comp_id$s').html('<Strong>Duration:<\/strong> ' + result.routes[0].legs[0].duration.text).css('display', 'block');\r\n\t\t\t\t\tif (status == google.maps.DirectionsStatus.OK) {\r\n\t\t\t\t\t\tdirectionsDisplay_%comp_id$s.setDirections(result);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n              }\r\n                        \r\n\t});\r\n<\/script>","sizes":"480,auto","settings":"{\"1\":{\"type\": \"string\",\"name\": \"Destination\"},\"2\":{\"type\": \"string\",\"name\": \"Zoom\"}}","settings_":"<div class=\"clear spacer\" style=\"height: 10px;\"><\/div>\r\n<div class=\"label centers\">Real Address:<\/div>\r\n<div class=\"clear spacer\" style=\"height: 10px;\"><\/div>\r\n<div class=\"no_cke_top_location no_cke_bottom_location\" style=\"height: 100px;\">\r\n     <textarea placeholder=\"5600 J.F.K. Blvd, North Little Rock\" id=\"settings_id_4_%comp_id$s\" style=\"height: 48px;\">%4$s<\/textarea>\r\n<\/div>\r\n<div class=\"clear spacer\" style=\"height: 10px;\"><\/div>\r\n<div class=\"label centers\">Text on Website:<\/div>\r\n<div class=\"clear spacer\" style=\"height: 10px;\"><\/div>\r\n<div class=\"no_cke_bottom_location\">\r\n<textarea placeholder=\"5600 J.F.K. Blvd, North Little Rock\" id=\"settings_id_1_%comp_id$s\" style=\"height: 48px;\">%1$s<\/textarea>\r\n<\/div>\r\n<script type=\"text\/javascript\">\r\nbuilder.createCKEditor(\"#settings_id_1_%comp_id$s\",{height:100},\"location\"); \r\nbuilder.createCKEditor(\"#settings_id_4_%comp_id$s\",{height:100},\"location\"); \r\n<\/script>\r\n\r\n<div class=\"clear spacer\" style=\"height: 10px;\"><\/div>\r\n\r\n<div class=\"label\">Zoom:<\/div>\r\n<div class=\"field\">\r\n<input type=\"hidden\" id=\"settings_id_2\" class=\"zoom_settings_%comp_id$s\" value=\"%2$s\" \/>\r\n<script type=\"text\/javascript\">\r\njQuery(function(){\r\n\tjQuery('#route_slider_%comp_id$s').slider({\r\n\t\tvalue:12,\r\n\t\tmin: 0,\r\n\t\tmax: 19,\r\n\t\tstep: 1,\r\n\t\tslide: function(event, ui) {\r\n\t\t\tjQuery('.zoom_settings_%comp_id$s').val(ui.value);\r\n\t\t\tjQuery('#zoom_info_%comp_id$s').text(ui.value);\r\n\t\t}\r\n\t});\r\n\r\n\tif ('%2$s' == '') {\r\n\t\t$('.zoom_settings_%comp_id$s').val(12);\r\n\t} else {\r\n\t\tjQuery('#route_slider_%comp_id$s').slider({value: '%2$s'});\r\n\t\tjQuery('#zoom_info_%comp_id$s').text('%2$s');\r\n\t}\r\n\t\r\n\tjQuery('#comp_conf_%comp_id$s').off('save').on('save', function() {\t    \r\n\t    var address_%comp_id$s_check = jQuery('#settings_id_4_%comp_id$s').val().replace(\/<\\\/?[^>]+>\/gi, '');\r\n\t    address_%comp_id$s_check = address_%comp_id$s_check.replace(\/[\\r\\n]\/g, \" \");\r\n\t    address_%comp_id$s_check = address_%comp_id$s_check.trim();\r\n\t    address_%comp_id$s_check = address_%comp_id$s_check.replace(\/&nbsp;\/g,'');\r\n\t    \r\n\t    var geocoder_%comp_id$s_check = new google.maps.Geocoder();\r\n\t    geocoder_%comp_id$s_check.geocode({address: address_%comp_id$s_check}, function(result, status){\r\n\t\tif(status != 'OK') {\r\n\t\t\tbuilder.alert(\"Google Maps can't validate the address entered. Please check the address at www.google.com\/maps to make sure it is correct or the map will not be displayed properly on your website.\");\r\n\t\t\tjQuery('#settings_id_4_%comp_id$s').addClass('error');\r\n\t\t\treturn false;\r\n\t\t}else{\r\n\t\t\tjQuery('#settings_id_4_%comp_id$s').removeClass('error');\r\n\t\t\tsetTimeout(function(){\r\n\t\t\t    builder.saveComponent('%comp_id$s'.true,true);\r\n\t\t\t},200)\r\n\t\t}\r\n\t    });\t\r\n\t});\r\n\r\n});\r\n<\/script>\r\n<div id=\"zoom_info_%comp_id$s\" class=\"route_slider_info\">12<\/div><div id=\"route_slider_%comp_id$s\" class=\"route_slider\"><\/div>\r\n<\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n\r\n<script type=\"text\/javascript\">\r\n\tif ('%3$s' !== '') {\r\n\t\tjQuery('.s3_checkbox_%comp_id$s').attr('checked', 'checked');\r\n\t\tjQuery('#dd_checkbox_%comp_id$s').addClass('active');\r\n\t} else {\r\n\t\tjQuery('.s3_checkbox_%comp_id$s').removeAttr('checked');\r\n\t\tjQuery('#dd_checkbox_%comp_id$s').removeClass('active');\r\n\t}\r\n<\/script>\r\n\r\n<div class=\"dropdown_wrapper wide\" id=\"dd_checkbox_%comp_id$s\">\r\n\t<div class=\"inner\">\r\n\t\t<input type=\"checkbox\" id=\"settings_id_3\" value=\"%3$s\" class=\"s3_checkbox_%comp_id$s\" style=\"display: none;\" \/>\r\n\t\t<div class=\"dropdown_arrow check\" id=\"dropdown_arrow_2_%comp_id$s\"><\/div>\r\n\t\t<div class=\"dd_label\">Show directions<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<script type=\"text\/javascript\">\r\n\tjQuery('#dd_checkbox_%comp_id$s .inner').on('click', function(e){\r\n\t\te.stopImmediatePropagation();\r\n\t\tvar dd_wrapper_%comp_id$s = jQuery(this).parents('.dropdown_wrapper');\r\n\t\tjQuery(dd_wrapper_%comp_id$s).toggleClass('active');\r\n\t\tvar loc_input_%comp_id$s = jQuery(this).parents('.modal_window').find('.s3_checkbox_%comp_id$s');\r\n\t\tloc_input_%comp_id$s.attr('checked', !loc_input_%comp_id$s.is(':checked'));\r\n\t});\t\r\n<\/script>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=tT3ltlgcVOg"},{"id":"3","title":"Text","description":"Text Formatting","icon":"text.png","code":"<div id=\"text_components_%comp_id$s\"><\/div>\n<script type=\"text\/javascript\">\n    if(jQuery('.template13').size()) {\n        var text_l = 200;\n        var text = '%1$s';\n        var text_t = jQuery.truncate(text, {\n            length: text_l,\n            words: false,\n            ellipsis: '...'\n        });\n\n        if(jQuery('<div\/>').html(text).text().length > text_l){\n            jQuery('#text_components_%comp_id$s').html(text_t);\n            jQuery('#text_components_%comp_id$s').after(\n                '<button class=\"btn btn-primary uncollapse\" type=\"button\">Read More<\/button>'\n            );\n\n            jQuery('#text_components_%comp_id$s').parent().find('.btn.btn-primary').off('click').on('click', function(){\n                if(jQuery(this).hasClass('uncollapse')) {\n                    jQuery('#text_components_%comp_id$s').addClass('uncollapsed').html(text);\n                    jQuery(this).removeClass('uncollapse');\n                    jQuery(this).text('Read Less');\n                } else {\n                    jQuery('#text_components_%comp_id$s').removeClass('uncollapsed').html(text_t);\n                    jQuery(this).addClass('uncollapse');\n                    jQuery(this).text('Read More');\n\t\t\t\n\t\t\tif($(\"#jsInit\").length>0) {\n\t\t\t\t\t\t$('html, body').animate({\n\t\t\t\t      scrollTop: $('#text_components_%comp_id$s').offset().top-350\n\t\t\t\t   }, 200);\n\t\t\t\n\t\t\t}\n\t\t\telse\n\t\t\t{\n\t\t\t\t\t\t$('html #preview_wrapper, body #preview_wrapper').animate({\n\t\t\t\t      scrollTop: $('#text_components_%comp_id$s').position().top+350\n\t\t\t\t   }, 200);\n\t\t\t\n\t\t\t}\n\n            }    \n\n            });\n        } else {\n            jQuery('#text_components_%comp_id$s').html(text);\n        }\n    } else {\n        var text = '%1$s';\n        jQuery('#text_components_%comp_id$s').html(text);\n    }\n<\/script>","sizes":"auto,auto","settings":"{\"1\":{\"name\": \"Text\"}}","settings_":"<textarea class=\"settings_textarea\" id=\"settings_id_1_%comp_id$s\" style=\"height: 95px;\">%1$s<\/textarea>\r\n<script type=\"text\/javascript\">\r\nvar limit_%comp_id$s = $('#page_comp_id_%comp_id$s').parents('.block').data('text_limit');\r\n\r\n\tbuilder.createCKEditor('#settings_id_1_%comp_id$s',null,'text',%comp_id$s);\r\n<\/script>","hidden":"0","faq_video":"http:\/\/www.youtube.com\/watch?v=UteQg--mW3Q"},{"id":"4","title":"Testimonials","description":"Testimonials Component","icon":"testimonials.png","code":"<script type=\"text\/javascript\">\r\njQuery(window).off('load.ns%comp_id$s').on('load.ns%comp_id$s', function(){\r\n\tif ('%1$s' !== '') {\r\n\t\tvar v_data_%comp_id$s = JSON.parse(unescape('%1$s'));\r\n\t} else {\r\n\t\tvar v_data_%comp_id$s = [];\r\n\t}\r\n\t\r\n\tif (v_data_%comp_id$s == '') {\r\n\t\treturn;\r\n\t}\r\n\t\r\n\tvar carousel_width_%comp_id$s = jQuery('#page_comp_id_%comp_id$s').innerWidth();\r\n\r\n\tif (jQuery('.testimonials_settings').data('rotate') == true) {\r\n\t\tvar t_block_%comp_id$s = jQuery('#testimonials_%comp_id$s');\r\n\t\tt_block_%comp_id$s.html('');\r\n\t\tvar t_ul_%comp_id$s = $('<ul\/>');\r\n$(t_ul_%comp_id$s).css('width', carousel_width_%comp_id$s);\r\n\r\n\r\n\t\tfor (var i in v_data_%comp_id$s) {\r\n\t\t\tif (v_data_%comp_id$s[i][0] == 0) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\t$('<li\/>').append(\r\n\t\t\t\tjQuery('<div class=\"message testimonials\"\/>').html(v_data_%comp_id$s[i][1]),\r\n\t\t\t\tjQuery('<div class=\"from\"\/>').html(v_data_%comp_id$s[i][2])\r\n\t\t\t).css({width: carousel_width_%comp_id$s}).appendTo(t_ul_%comp_id$s);\r\n\t\t}\r\n\r\n\t\tt_block_%comp_id$s.append(\r\n\t\t\tjQuery('<div\/>').attr('class', 'jcarousel-container jcarousel-container-horizontal').append(\r\n\t\t\t\tjQuery('<div\/>').attr('class', 'jcarousel-clip jcarousel-clip-horizontal').append(\r\n\t\t\t\t\tt_ul_%comp_id$s\r\n\t\t\t\t)\r\n\t\t\t)\r\n\t\t);\r\n\t\r\n\t\tvar max_height_%comp_id$s = 0;\r\n\t\r\n\t\tjQuery(t_block_%comp_id$s).find('li').each(function(index, li){\r\n\t\t\tjQuery(li).width(carousel_width_%comp_id$s - 16);\r\n\t\t\t\r\n\t\t\tjQuery(li).on('click',function(){\t\t\t    \r\n\t\t\t    if(jQuery(t_block_%comp_id$s).find('.jcarousel-next:not(.jcarousel-next-disabled)').size() == 0){\r\n\t\t\t\tjQuery(t_ul_%comp_id$s).jcarousel('scroll', 0);\r\n\t\t\t    }else{\r\n\t\t\t\tjQuery(t_block_%comp_id$s).find('.jcarousel-next:not(.jcarousel-next-disabled)').trigger('click');\r\n\t\t\t    }\r\n\t\t\t});\r\n\t\r\n\t\t\tif (jQuery(li).height() > max_height_%comp_id$s) {\r\n\t\t\t\tmax_height_%comp_id$s = jQuery(li).height();\r\n\t\t\t}\r\n\t\t});\r\n\t\r\n\t\tvar all_width_%comp_id$s = carousel_width_%comp_id$s;\r\n\t\tjQuery(t_block_%comp_id$s).find('ul').css('width', (carousel_width_%comp_id$s) * v_data_%comp_id$s.length);\r\n\t\tjQuery(t_block_%comp_id$s).find('.jcarousel-container-horizontal, .jcarousel-clip').css({\r\n\t\t\twidth: all_width_%comp_id$s,\r\n\t\t});\r\n\t\r\n\t\tvar jc_settings_%comp_id$s = {\r\n\t\t\tscroll: 1,\r\n\t\t\tvisible: 1\r\n\t\t};\r\n\t\t\r\n\t\tif (jQuery('.testimonials_settings').data('cycle') == true) {\r\n\t\t\tjc_settings_%comp_id$s.wrap = 'circular';\r\n\t\t\t$('#page_comp_id_%comp_id$s').addClass('no_prev');\r\n\t\t}\r\n\t\t\r\n\t\tbuilder.statusForModal(%comp_id$s,'Added');\r\n\t\tjQuery(t_ul_%comp_id$s).jcarousel(jc_settings_%comp_id$s);\r\n\r\n\t\r\n\t} else {\r\n\t\tvar t_block_%comp_id$s = jQuery('#testimonials_%comp_id$s');\r\n\t\tfor (var i in v_data_%comp_id$s) {\r\n\t\t\tif (v_data_%comp_id$s[i][0] == 0) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\tjQuery('<div class=\"message testimonials\"\/>').html(v_data_%comp_id$s[i][1]).appendTo(t_block_%comp_id$s);\r\n\t\t\tjQuery('<div class=\"from\"\/>').html(v_data_%comp_id$s[i][2]).appendTo(t_block_%comp_id$s);\r\n\t\t\tjQuery('<div class=\"clear\" \/>').appendTo(t_block_%comp_id$s);\r\n\t\t}\r\n\t}\r\n});\r\n<\/script>\r\n<div id=\"testimonials_%comp_id$s\"><\/div>","sizes":"-320,auto","settings":"{\"1\":{\"type\": \"string\",\"name\": \"Title\"}}","settings_":"<script type=\"text\/javascript\">\r\n\tvar limit_1_%comp_id$s = $('#page_comp_id_%comp_id$s').data('limit_1') || $('#page_comp_id_%comp_id$s').parents('.block').data('testimonials_limit_1');\r\n\tvar limit_2_%comp_id$s = $('#page_comp_id_%comp_id$s').data('limit_2') || $('#page_comp_id_%comp_id$s').parents('.block').data('testimonials_limit_2');\r\n\r\n\tvar fields_%comp_id$s = [{title:'Message',type:'rich',validate:'notempty',limit:limit_1_%comp_id$s},{title:'From',type:'rich',validate:'notempty',limit:limit_2_%comp_id$s}];\r\n\t\r\n\tif ('%1$s' !== '') {\r\n\t\tvar data_%comp_id$s = JSON.parse(unescape('%1$s'));\r\n\t} else {\r\n\t\tvar data_%comp_id$s = [];\r\n\t}\r\n\r\n\tvar window_%comp_id$s = $('#comp_conf_%comp_id$s').data('fields', fields_%comp_id$s);\r\n\t\r\n\tvar window_%comp_id$s = $('#comp_conf_%comp_id$s');\r\n\t\r\n\twindow_%comp_id$s.attr('is_paged_by_default', 'true');\r\n\t\r\n\tvar list_%comp_id$s = builder.componentsTools.buildSpecialWindowList(window_%comp_id$s);\r\n\tvar controls_%comp_id$s = builder.componentsTools.buildSpecialWindowControls(fields_%comp_id$s, '#page_comp_id_%comp_id$s');\r\n\t\r\n\tbuilder.componentsTools.changeWindowWidth(window_%comp_id$s, 800);\r\n\r\n\tvar mw_content_%comp_id$s = window_%comp_id$s.find('.mw_content');\r\n\tmw_content_%comp_id$s.append(list_%comp_id$s).append(controls_%comp_id$s);\r\n\t\r\n\tbuilder.componentsTools.specialWindowPost(window_%comp_id$s);\r\n\tbuilder.componentsTools.refreshSpecialWindowsPagerState(window_%comp_id$s);\r\n\tbuilder.componentsTools.alignCenter(window_%comp_id$s);\r\n<\/script>\r\n<input type=\"hidden\" id=\"settings_id_1_%comp_id$s\" class=\"s_window_input settings_id_1_%comp_id$s\" value=\"%1$s\" \/>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=-rs-7hwsFA4"},{"id":"6","title":"Menu Item","description":"Menu item","icon":"menu_item.png","code":"<script type=\"text\/javascript\">\r\njQuery(function(){\r\nbuilder.bindMenuItemScroll();\r\n});\r\n<\/script>\r\n<a href=\"#%1$s\" style=\"color: %3$s;\">%2$s<\/a>","sizes":"auto,auto","settings":"{\"1\":{\"type\": \"blockslist\",\"name\": \"Block\"},\"2\":{\"type\": \"rich\",\"name\": \"Text\"}}","settings_":"<textarea class=\"settings_textarea\" id=\"settings_id_2\" style=\"height: 95px;\">%2$s<\/textarea>\r\n\r\n<script type=\"text\/javascript\">\r\n\tbuilder.createCKEditor('#settings_id_2',null,'menu',%comp_id$s);\r\n<\/script>\r\n\r\n<div class=\"dropdown_wrapper wide\">\r\n<div style=\"margin-left: 40px;\" class=\"dd_label\">Scroll to:<\/div>\r\n<div class=\"dropdown_arrow\" id=\"dropdown_arrow_1_%comp_id$s\">\r\n\t<a href=\"#\" class=\"nocolor\"><\/a>\r\n<\/div>\r\n<div class=\"hor_dropdown\" id=\"hor_dropdown_1_%comp_id$s\"><\/div>\r\n<input type=\"hidden\" id=\"settings_id_1\" class=\"settings_id_1_%comp_id$s\" value=\"%1$s\" \/>\r\n\t<script type=\"text\/javascript\">\r\n\tjQuery(builder.settings.preview_wrapper).find('a[name*=\"block\"]').each(function(index){\r\n\t\tjQuery('<a href=\"#' + jQuery(this).attr('name') + '\" class=\"' + (('%1$s' == jQuery(this).attr('name')) ? 'active' : '') + ' nocolor\">' + (index + 1) + '<\/a>')\r\n\t\t.appendTo('#hor_dropdown_1_%comp_id$s').on('click', function(e){\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tjQuery('#dropdown_arrow_1_%comp_id$s a').text(jQuery(this).text());\r\n\t\t\tjQuery('.settings_id_1_%comp_id$s').val(jQuery(this).attr('href').split('#')[1]);\r\n\t\t\tjQuery('#hor_dropdown_1_%comp_id$s a').removeClass('active');\r\n\t\t\tjQuery(this).addClass('active');\r\n\t\t});\r\n\t});\r\n\r\n\tif (jQuery('#hor_dropdown_1_%comp_id$s a[href=\"#%1$s\"]').length > 0) {\r\n\t\tvar obj = jQuery('#hor_dropdown_1_%comp_id$s a[href=\"#%1$s\"]');\r\n\t\tjQuery('#dropdown_arrow_1_%comp_id$s a').text(jQuery(obj).text());\r\n\t\tjQuery('.settings_id_1_%comp_id$s').val(jQuery(obj).attr('href').split('#')[1]);\r\n\t\tjQuery(obj).addClass('active');\r\n\t} else {\r\n\t\tvar obj = jQuery('#hor_dropdown_1_%comp_id$s a')[0];\r\n\t\tjQuery('#dropdown_arrow_1_%comp_id$s a').text(jQuery(obj).text());\r\n\t\tjQuery('.settings_id_1_%comp_id$s').val(jQuery(obj).attr('href').split('#')[1]);\r\n\t\tjQuery(obj).addClass('active');\r\n\t}\r\n\t<\/script>\r\n<\/div>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=hzn7vGaidVM"},{"id":"7","title":"Gallery","description":"Gallery Component","icon":"gallery.png","code":"<script type=\"text\/javascript\">\r\n\t$('#page_comp_id_%comp_id$s').addClass('relative');\r\n\r\n\tif (typeof gallery_%comp_id$s !== 'undefined') {\r\n\t\tdelete gallery_%comp_id$s;\r\n\t\tclearInterval(gallery_%comp_id$s.animInterval);\r\n\t}\r\n\r\n\tvar files_%comp_id$s = new Array();\r\n\tfiles_%comp_id$s = '%1000$s'.split(',');\r\n\t\r\n\tvar sizes_%comp_id$s = new Array();\r\n\tsizes_%comp_id$s = [%1$s, %2$s];\r\n\t$('#page_comp_id_%comp_id$s').css({width: %1$s, height: %2$s});\r\n\r\n\tvar init_%comp_id$s = false;\r\n\tjQuery(function(){\r\n\t\tif (init_%comp_id$s) return;\r\n\t\tinit_%comp_id$s = true;\r\n\t\tgallery_%comp_id$s = new gallery_component(files_%comp_id$s, sizes_%comp_id$s, jQuery('#gallery_%comp_id$s')[0], {type: '%3$s', time: parseFloat(%4$s) * 1000, wait: parseFloat(%5$s) * 1000});\r\n\t});\r\n<\/script>\r\n<div id=\"gallery_%comp_id$s\"><\/div>","sizes":"auto,auto,unresizable","settings":"{\r\n\"1\":{\"type\": \"string\",\"name\": \"Width\"},\r\n\"2\":{\"type\": \"string\",\"name\": \"Height\"},\r\n\"3\":{\"type\": \"select\",\"name\": \"Animation type\",\"values\":{\"slide\": \"Slide\", \"fade\": \"Fade\"}},\r\n\"4\":{\"type\": \"string\",\"name\": \"Transition time\"},\r\n\"5\":{\"type\": \"string\",\"name\": \"Slide waiting time\"}","settings_":"<div class=\"label\" style=\"margin-top: 10px; margin-right: 10px;\">Width:<\/div>\n<div class=\"field\" style=\"margin-top: 10px;\"><input type=\"text\" id=\"settings_id_1\" value=\"%1$s\" placeholder=\"640\" \/> px<\/div>\n<div class=\"clear spacer\"><\/div>\n\n<div class=\"label\" style=\"margin-right: 10px;\">Height:<\/div>\n<div class=\"field\"><input type=\"text\" id=\"settings_id_2\" value=\"%2$s\" placeholder=\"480\" \/> px<\/div>\n<div class=\"clear spacer\"><\/div>\n\n<div class=\"form-group-param\">\n    <div class=\"label\" style=\"margin-right: 10px;\">Animation type:<\/div>\n    <div class=\"field\">\n    <select id=\"settings_id_3\">\n        <option value=\"slide\">Slide<\/option>\n        <option value=\"fade\" selected >Fade<\/option>\n    <\/select>\n    <script type=\"text\/javascript\">\n        jQuery('#settings_id_3').find('option[value=\"%3$s\"]').attr('selected', 'selected');\n\tif(jQuery('#settings_id_1').val()=='')\n\tjQuery('#settings_id_1').val(640);\n        if(jQuery('#settings_id_2').val()=='')\n\tjQuery('#settings_id_2').val(480);\n        if(jQuery('#settings_id_4').val()=='')\n\tjQuery('#settings_id_4').val(1);\n        if(jQuery('#settings_id_5').val()=='')\n\tjQuery('#settings_id_5').val(4);\n    <\/script>\n    <\/div>\n    <div class=\"clear spacer\"><\/div>\n<\/div>\n\n<div class=\"form-group-param\">\n    <div class=\"label\" style=\"margin-right: 10px;\">Slide waiting time:<\/div>\n    <div class=\"field\"><input type=\"text\" placeholder=\"4\" id=\"settings_id_5\" value=\"%5$s\" \/> sec<\/div>\n    <div class=\"clear spacer\"><\/div>\n<\/div>\n\n<div class=\"form-group-param\">\n    <div class=\"label\" style=\"margin-right: 10px;\">Transition time:<\/div>\n    <div class=\"field\"><input type=\"text\" placeholder=\"1\" id=\"settings_id_4\" value=\"%4$s\" \/> sec<\/div>\n    <div class=\"clear spacer\"><\/div>\n<\/div>\n\n<div class=\"clear spacer\"><\/div>\n<div class=\"tip_block hidden\">\n    <div class=\"title\">Tip:<\/div>\n    <div class=\"text\">You need to choose at least 2 images before saving this component. <\/div>\n<\/div>\n\n<div class=\"bottom_button wide\" id='gallery_btn' onclick=\"gallery.openGalleryBox(false, false,save_func_%comp_id$s);jQuery('#current_image').css('display','none');jQuery('#current_image.only_max_size').css('display','block');\">Choose images<\/div>\n<input type=\"hidden\" id=\"settings_id_1000\" value=\"%1000$s\" \/>\n<script type=\"text\/javascript\">\n    if(jQuery('.template13').size()){\n        jQuery('#comp_conf_%comp_id$s .form-group-param').hide();\n        jQuery('#comp_conf_%comp_id$s #settings_id_3').val('slide');\n        jQuery('#comp_conf_%comp_id$s #settings_id_5').val(3);\n        jQuery('#comp_conf_%comp_id$s #settings_id_4').val(1);\n    }\n\n    var files = jQuery('#comp_conf_%comp_id$s #settings_id_1000').attr('value');\n    if (files === undefined || files.indexOf(',') === -1) {\n        if (window.files_%comp_id$s !== undefined) {\n            files = files_%comp_id$s;\n        } else {\n            files = [];\n        }\n    } else {\n        files = files.split(',');\n    }\n    \n    gallery.uncheckAllImages();\n    if (files.length > 0) {\n        gallery.checkImages(files);\n    } else {\n        gallery.uncheckAllImages();\n    }   \n        \n    window.save_func_%comp_id$s = function(e) {\n                var count_img = 0;\n        for (var i in gallery.files) { \n                        if(gallery.files[i] !== undefined){\n               if (gallery.files[i].indexOf('gallery\/') === -1) {\n                gallery.files[i] = 'gallery\/' + gallery.files[i];\n               }\n                           count_img++;\n                        }\n        }\n        if(count_img <= 1){\n                   builder.alert('You need to select at least two images please.');               \n                }\n        \n        if(jQuery('#comp_conf_%comp_id$s #settings_id_1').val() != ''){\n            var comp_width = parseInt(jQuery('#comp_conf_%comp_id$s #settings_id_1').val());\n            if(comp_width > 0 && (comp_width*0.6) > gallery.min_width){\n            builder_short.confirm('Looks like the image you uploaded is too small. The best size is  '+comp_width+'px. Would you like to proceed with the current image?',function(result){\n                if(result){\n                jQuery('#comp_conf_%comp_id$s #settings_id_1000').attr('value', gallery.files);\n                gallery.closeGalleryBox();\n                }else{\n                jQuery('#comp_conf_%comp_id$s .bottom_button.wide').triggerHandler('click');\n                return false;\n                }               \n            });\n            }else{\n            jQuery('#comp_conf_%comp_id$s #settings_id_1000').attr('value', gallery.files);\n            }\n        }       \n        return false;\n    }\n    \n    jQuery('#comp_conf_%comp_id$s').off('save').on('save', function() {\n        var errors_%comp_id$s = false;\n        \n        if (!gallery.files || gallery.files == '' || gallery.files.length < 2) {\n            jQuery('#comp_conf_%comp_id$s .tip_block').removeClass('hidden');\n                        builder.alert('You need to select at least two images please.');\n            errors_%comp_id$s = true;\n        } else {\n            jQuery('#comp_conf_%comp_id$s .tip_block').addClass('hidden');\n            errors_%comp_id$s = false;\n        }\n\n                var limit_max_set1 = jQuery('#comp_conf_%comp_id$s #settings_id_1').closest('.mw_content').find('#max_set_1').val();\n\n                if(limit_max_set1 == undefined || limit_max_set1 == null || limit_max_set1 == 0){\n                   limit_max_set1 = 9999;\n                }\n        \n        if (jQuery('#comp_conf_%comp_id$s #settings_id_1').val() == '' || jQuery('#comp_conf_%comp_id$s #settings_id_1').val() > limit_max_set1) {\n            errors_%comp_id$s = true;\n            jQuery('#comp_conf_%comp_id$s #settings_id_1').addClass('error');\n        } else {\n            jQuery('#comp_conf_%comp_id$s #settings_id_1').removeClass('error');\n        }\n        \n        if (jQuery('#comp_conf_%comp_id$s #settings_id_2').val() == '') {\n            errors_%comp_id$s = true;\n            jQuery('#comp_conf_%comp_id$s #settings_id_2').addClass('error');\n        } else {\n            jQuery('#comp_conf_%comp_id$s #settings_id_2').removeClass('error');\n        }\n        \n        if (jQuery('#comp_conf_%comp_id$s #settings_id_4').val() == '') {\n            errors_%comp_id$s = true;\n            jQuery('#comp_conf_%comp_id$s #settings_id_4').addClass('error');\n        } else {\n            jQuery('#comp_conf_%comp_id$s #settings_id_4').removeClass('error');\n        }\n        \n        if (jQuery('#comp_conf_%comp_id$s #settings_id_5').val() == '') {\n            errors_%comp_id$s = true;\n            jQuery('#comp_conf_%comp_id$s #settings_id_5').addClass('error');\n        } else {\n            jQuery('#comp_conf_%comp_id$s #settings_id_5').removeClass('error');\n        }\n        \n        if (errors_%comp_id$s) {            \n            jQuery('#comp_conf_%comp_id$s').data('saveable', false);\n        } else {\n            jQuery('#comp_conf_%comp_id$s').data('saveable', true);\n        }\n    });\n    \n<\/script>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=qS-TTYFDkWo"},{"id":"8","title":"Header \/ Logo","description":"Header","icon":"header.png","code":"<script type=\"text\/javascript\">\r\n\r\nvar def_width_%comp_id$s = 250;\r\nvar def_height_%comp_id$s = 150;\r\n\r\njQuery(function(){\r\n\tif ('%4$s' == 'text' || '%4$s' == '') {\r\n\t\tvar hl_text_%comp_id$s = unescape('%1$s');\r\n\t\tjQuery('#page_comp_id_%comp_id$s').find('.header').html(hl_text_%comp_id$s);\r\n\t} else if ('%4$s' == 'image') {\r\n\t\tvar imageURL = builder.remoteImage(\"\/user_files\/%2$s\");\r\n\t\tvar imageResized = builder.remoteResizedSingleImage(imageURL,false,true);\r\n\t\tjQuery.post('\/index\/getAWSImgSizes',{url:imageURL},function(image_sizes){\r\n\t\t\tif (image_sizes.height > def_height_%comp_id$s) {\r\n\t\t\t\tvar prop_width = Math.round((image_sizes.width \/ image_sizes.height) * def_height_%comp_id$s);\r\n\t\t\t\tjQuery('#page_comp_id_%comp_id$s').css({width: prop_width, height: def_height_%comp_id$s});\r\n\t\t\t\tjQuery('#page_comp_id_%comp_id$s').find('.header').html('<img width=\"' + prop_width + '\" height=\"' + def_height_%comp_id$s + '\" data-image=\"'+imageURL+'\" onerror=\"builder.remoteHeaderLogoImageError(this);\" src=\"'+imageResized+'\" alt=\"\" \/>');\r\n\t\t\t} else {\r\n\t\t\t\tjQuery('#page_comp_id_%comp_id$s').css({width: image_sizes.width, height: image_sizes.height});\r\n\t\t\t\tjQuery('#page_comp_id_%comp_id$s').find('.header').html('<img data-image=\"'+imageURL+'\" onerror=\"builder.remoteHeaderLogoImageError(this);\" src=\"'+imageResized+'\" \/>');\r\n\t\t\t}\r\n\t\t},'JSON');\r\n\t}\r\n});\r\n<\/script>\r\n<div class=\"header\"><\/div>","sizes":"auto,auto,keepratio","settings":"{\"1\":{\"type\": \"string\",\"name\": \"Text\"}}","settings_":"<script type=\"text\/javascript\">\r\n\tif ('%4$s' == 'text' || '%4$s' == '') {\r\n\t\tjQuery('#comp_conf_%comp_id$s .variation_title').removeClass('active');\r\n\t\tjQuery('#comp_conf_%comp_id$s .variation').removeClass('active');\r\n\t\tjQuery('#comp_conf_%comp_id$s .variation_title:eq(0)').addClass('active');\r\n\t\tjQuery('#comp_conf_%comp_id$s .variation:eq(0)').addClass('active');\r\n\t}\r\n\tif ('%4$s' == 'image') {\r\n\t\tjQuery('#comp_conf_%comp_id$s .variation_title').removeClass('active');\r\n\t\tjQuery('#comp_conf_%comp_id$s .variation').removeClass('active');\r\n\t\tjQuery('#comp_conf_%comp_id$s .variation_title:eq(1)').addClass('active');\r\n\t\tjQuery('#comp_conf_%comp_id$s .variation:eq(1)').addClass('active');\r\n\t\t\r\n\t\tgallery.getImageSizes('\/user_files\/%2$s', function(image_sizes){\r\n\t\t\tjQuery('#comp_conf_%comp_id$s .sizes').css('display', 'inline');\r\n\t\t\tjQuery('#comp_conf_%comp_id$s .width').text(image_sizes.width);\r\n\t\t\tjQuery('#comp_conf_%comp_id$s .height').text(image_sizes.height);\t\t\t\r\n\t\t});\r\n\t}\r\n\t\r\n\tjQuery(function(){\r\n\t\tjQuery('.variation_title').on('click', function(){\r\n\t\t\tvar type_%comp_id$s = jQuery(this).attr('class').split(' ')[1];\r\n\t\t\tjQuery('#settings_id_4_%comp_id$s').val(type_%comp_id$s);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n<input type=\"hidden\" id=\"settings_id_4_%comp_id$s\" value=\"%4$s\" \/>\r\n<a href=\"javascript:void(0);\" class=\"variation_title text\"><div class=\"vt_arrow\"><\/div>Text Logo<\/a>\r\n<a href=\"javascript:void(0);\" class=\"variation_title image\"><div class=\"vt_arrow\"><\/div>Upload Logo<\/a>\r\n<div class=\"clear\"><\/div>\r\n<div class=\"variation text\">\r\n\t<textarea class=\"settings_textarea\" id=\"settings_id_1_%comp_id$s\" style=\"height: 95px;\">%1$s<\/textarea>\r\n\t<script type=\"text\/javascript\">\r\n\tbuilder.createCKEditor('#settings_id_1_%comp_id$s',null,'logo',%comp_id$s);\r\n\t<\/script>\r\n<\/div>\r\n<div class=\"variation image\">\r\n\t<div class=\"clear spacer\"><\/div>\r\n\t<div class=\"v_text\">\r\n\t\tPlease, carefully choose image with proper size before upload. Please note that the optimal size is <span class='info_size'>225x160<\/span> px.<br \/>\r\n\t\t<span class=\"sizes\" style=\"display: none;\">Image dimensions: <span class=\"width\"><\/span>px x <span class=\"height\"><\/span>px<\/span><br \/>\r\n\t\t<a href=\"\/user_files\/%2$s\" title=\"Click to open image in a new window\" class=\"image_link\" onclick=\"builder.infoPreviewPopup(this);return false;\">Preview Image<\/a>\r\n\t<\/div>\r\n\t<input type=\"hidden\" id=\"settings_id_2\" value=\"%2$s\" \/>\r\n\t<script type=\"text\/javascript\">\r\n\t\tif(window.location.host == 'dev.urvisible.com'){\r\n\t\t    var bucket = 'devassets';\r\n\t\t}else{\r\n\t\t    var bucket = 'assets';\r\n\t\t}\r\n                var info_size = jQuery('#page_comp_id_%comp_id$s').parent();\r\n                if(jQuery(info_size).data('info_size') != undefined || jQuery(info_size).data('info_size') != ''){\r\n                    jQuery('#comp_conf_%comp_id$s .info_size').text(jQuery(info_size).data('info_size'))\r\n                }\r\n                var href_img = '%2$s';\r\n                if(href_img === ''){\r\n                   jQuery('#comp_conf_%comp_id$s .image_link').hide();\r\n                }\r\n                if(href_img.indexOf('gallery\/template_9\/') == -1){\r\n                   href_img = href_img.split('gallery\/').join('');                   \r\n                   $('.image_link').attr('href','http:\/\/'+bucket+'.urvisible.com\/original\/'+href_img);\r\n                }\r\n\t\tvar file = jQuery('#comp_conf_%comp_id$s #settings_id_2').attr('value');\r\n\t\tif (files === undefined) {\r\n\t\t\tif (window.file_%comp_id$s !== undefined) {\r\n\t\t\t\tfile = file_%comp_id$s;\r\n\t\t\t} else {\r\n\t\t\t\tfile = undefined;\r\n\t\t\t}\r\n\t\t}\r\n\t\tgallery.uncheckAllImages();\r\n\t\tif (files != undefined) {\r\n\t\t\tgallery.checkImages([file]);\r\n\t\t} else {\r\n\t\t\tgallery.uncheckAllImages();\r\n\t\t}\r\n\r\n\t\twindow.close_func_%comp_id$s = function() {\r\n                        if(gallery.files[0] == undefined){\r\n                           return;\r\n                        }\r\n\t\t\tif (gallery.files[0] && gallery.files[0].indexOf('gallery\/') === -1) {\r\n\t\t\t\tgallery.files[0] = 'gallery\/' + gallery.files[0];\r\n\t\t\t}\r\n                        var href_img = gallery.files[0];\r\n                        if(href_img.indexOf('gallery\/template_9\/') == -1){\r\n                           href_img = 'http:\/\/'+bucket+'.urvisible.com\/original\/' + href_img.split('gallery\/').join('');\r\n                          \r\n                        }else{\r\n                           href_img = '\/user_files\/' + gallery.files[0];\r\n                        }\r\n                        jQuery('#comp_conf_%comp_id$s .image_link').show();\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').attr('value', gallery.files[0]);\r\n\t\t\tjQuery('#comp_conf_%comp_id$s .image_link').attr('href', href_img);\r\n\t\t\tgallery.getImageSizes('\/user_files\/' + gallery.files[0], function(image_sizes){\r\n\t\t\t\tjQuery('#comp_conf_%comp_id$s .sizes').css('display', 'inline');\r\n\t\t\t\tjQuery('#comp_conf_%comp_id$s .width').text(image_sizes.width);\r\n\t\t\t\tjQuery('#comp_conf_%comp_id$s .height').text(image_sizes.height);\t\t\t\r\n\t\t\t});\r\n\t\t}\r\n\t\twindow.asd = 'asd';\r\n\t\t\r\n\t\tjQuery('#comp_conf_%comp_id$s').off('save').on('save', function() {\r\n\r\n\t\t\tvar errors_%comp_id$s = false;\r\n\t\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_4_%comp_id$s').val() == 'image') {\r\n\t\t\t\tif (file == '' && (!gallery.files || gallery.files == '')) {\r\n\t\t\t\t\tbuilder.alert('Please, choose an image');\r\n\t\t\t\t\terrors_%comp_id$s = true;\r\n\t\t\t\t} else {\r\n\t\t\t\t\terrors_%comp_id$s = false;\r\n\t\t\t\t}\r\n\t\t\t} else if (jQuery('#comp_conf_%comp_id$s #settings_id_4_%comp_id$s').val() == '' || jQuery('#comp_conf_%comp_id$s #settings_id_4_%comp_id$s').val() == 'text') {\r\n\t\t\t\tif (false && jQuery('#comp_conf_%comp_id$s .nicEdit-main').text().trim() == '') {\r\n\t\t\t\t\terrors_%comp_id$s = true;\r\n\t\t\t\t} else {\r\n\t\t\t\t\terrors_%comp_id$s = false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\r\n\t\t\tjQuery('#comp_conf_%comp_id$s').data('saveable', !errors_%comp_id$s);\r\n\t\t});\r\n\t<\/script>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\t<div class=\"bottom_button wide\" onclick=\"gallery.openGalleryBox(true, window.close_func_%comp_id$s);jQuery('#current_image').css('display','none');jQuery('#current_image.only_max_size').css('display','block');\">Upload Logo<\/div>\r\n<\/div>\r\n","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=hExPEE2QvUs"},{"id":"9","title":"Calendar","description":"Calendar","icon":"calendar.png","code":"<div id=\"staticCalendar_%comp_id$s\"><\/div>\r\n<div id=\"calendar_end\"><\/div>\r\n<script type=\"text\/javascript\">\r\n\r\njQuery(function(){\r\n\tvar events_%comp_id$s = undefined;\r\n\tevents_%comp_id$s = [];\r\n\r\n\tjQuery('#page_comp_id_%comp_id$s .calendar_%comp_id$s_events').each(function(){\r\n\t\tevents_%comp_id$s.push({date: new Date(jQuery(this).data('date')), title: jQuery(this).data('message')});\r\n\t});\r\n\t\r\n\t$(\"#staticCalendar_%comp_id$s\").datepicker({\r\n\t\tbeforeShowDay: function(date) {\r\n\t\t\tvar matching = jQuery.grep(events_%comp_id$s, function(event){\r\n\t\t\t\tif (event.date.valueOf() == date.valueOf()) {\r\n\t\t\t\t\treturn event;\r\n\t\t\t\t}\r\n\t\t\t})[0];\r\n\t\t\t\r\n\t\t\tif (matching) {\r\n\t\t\t\treturn [true, 'highlight', String(matching.title)];\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\treturn [true, '', ''];\r\n\t\t}, \r\n\t\tdateFormat: 'mm\/dd\/yy'\r\n\t});\r\n\t\r\n\tjQuery('.ui-datepicker-calendar td.highlight').tooltip({tooltipClass: 'builder_tooltip'});\r\n});\r\n<\/script>","sizes":"309,288","settings":"{\"1\":{\"type\": \"string\",\"name\": \"Title\"}}","settings_":"<div id=\"events_list_%comp_id$s\" class=\"calendar_events_list\"><\/div>\r\n<div id=\"add_event_%comp_id$s\" class=\"bottom_button wide\">Add event<\/div>\r\n\r\n<script type=\"text\/javascript\">\r\n\tjQuery('.add_field_buttons_%comp_id$s').off('click');\r\n\t\r\n\tjQuery('a.remove').off('click').on('click', function(e){\r\n\t\te.preventDefault();\r\n\t\twindow.removeComponentRow_%comp_id$s(this);\r\n\t});\r\n\t\r\n\twindow.removeComponentRow_%comp_id$s = function(obj) {\r\n\t\tvar comp_id = jQuery(obj).parents('.modal_window').attr('id').split('_')[2];\r\n\t\t\r\n\t\tvar mw_content = jQuery(obj).parents('.mw_content');\r\n\t\tvar index = jQuery(mw_content).find('.calendar_row_settings').index(jQuery(obj).parent());\r\n\t\t\r\n\t\tjQuery(obj).parents('.calendar_row_settings').remove();\r\n\t\tjQuery('#calendar_' + comp_id).find('.event_row:eq(' + index + ')').remove();\r\n\t\t\r\n\t\tif (jQuery('#calendar_' + comp_id)[0]) {\r\n\t\t\tvar comp_code = jQuery('#calendar_' + comp_id)[0].outerHTML;\r\n\t\t\tbuilder.updateCachedCompCode(comp_id, comp_code);\r\n\t\t}\r\n\t\r\n\t\tupdateComponentSettings_%comp_id$s(comp_id, mw_content[0]);\r\n\t}\r\n\t\r\n\t\r\n\tjQuery('#add_event_%comp_id$s').on('click', function(e) {\r\n\t\te.preventDefault();\r\n\t\te.stopImmediatePropagation();\r\n\t\r\n\t\tvar settings_fields_count = 0;\r\n\t\r\n\t\tjQuery('#events_list_%comp_id$s').find('input[id*=\"settings_id_\"], textarea[id*=\"settings_id_\"]').each(function(){\r\n\t\t\tvar settings_id = jQuery(this).attr('id').split('_')[2];\r\n\t\t\tsettings_id = parseInt(settings_id);\r\n\t\t\tif (settings_id > settings_fields_count) {\r\n\t\t\t\tsettings_fields_count = settings_id;\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\tsettings_fields_count++;\r\n\r\n\t\tvar comp_id = jQuery(this).parents('.modal_window').attr('id').split('_')[2];\r\n\t\tvar parent_window = jQuery(this).parents('.modal_window');\r\n\r\n\t\tjQuery('<div class=\"calendar_row_settings\"><div class=\"label\">Date (m\/d\/y)<\/div><div class=\"field\"><input type=\"text\" id=\"settings_id_' + settings_fields_count + '\" value=\"\" \/><\/div><div class=\"label\">Description<\/div><div class=\"field\"><textarea id=\"settings_id_' + (settings_fields_count + 1) + '\"><\/textarea><\/div><a href=\"#\" class=\"remove\">X<\/a><div class=\"clear spacer\"><\/div><\/div>').appendTo(jQuery(parent_window).find('#events_list_%comp_id$s'));\r\n\t\tjQuery('a.remove').off('click').on('click', function(e){\r\n\t\t\te.preventDefault();\r\n\t\t\twindow.removeComponentRow_%comp_id$s(this);\r\n\t\t});\r\n\t\t\r\n\t\tvar comp_code = builder.getCachedCompCode(comp_id);\r\n\t\tcomp_code = comp_code.split('<div id=\"calendar_end').join('<span class=\"calendar_%comp_id$s_events\" data-date=\"%' + settings_fields_count + '$s\" data-message=\"%' + (settings_fields_count + 1) + '$s\"><\/span><div id=\"calendar_end');\r\n\t\tbuilder.updateCachedCompCode(comp_id, comp_code);\r\n\r\n\t\tupdateComponentSettings_%comp_id$s(comp_id, this);\r\n\t\t\r\n\t\tsettings_fields_count++;\r\n\t});\r\n\t\r\n\tfunction updateComponentSettings_%comp_id$s(comp_id, obj) {\r\n\t\tjQuery('#tmp_block').remove();\r\n\t\tvar tmp_block = jQuery('<div id=\"tmp_block\" style=\"display: none;\"><\/div>').prependTo('body')[0];\r\n\t\tif (jQuery(obj).hasClass('mw_content')) {\r\n\t\t\tvar mw_content = obj;\r\n\t\t} else {\r\n\t\t\tvar mw_content = jQuery(obj).parents('.mw_content')[0];\r\n\t\t}\r\n\t\ttmp_block.innerHTML = mw_content.innerHTML;\r\n\t\t\r\n\t\tjQuery('#tmp_block').find('input[id*=\"settings_id_\"]').each(function(){\r\n\t\t\tvar settings_id = jQuery(this).attr('id').split('_')[2];\r\n\t\t\tjQuery(this).attr('value', '%' + settings_id + '$s');\r\n\t\t\t\r\n\t\t\tbuilder.updateCachedCompSettings(comp_id, jQuery('#tmp_block')[0].innerHTML);\r\n\t\t});\r\n\t\t\r\n\t\tjQuery('#tmp_block').find('textarea[id*=\"settings_id_\"]').each(function(){\r\n\t\t\tvar settings_id = jQuery(this).attr('id').split('_')[2];\r\n\t\t\tjQuery(this).text('%' + settings_id + '$s');\r\n\t\t\t\r\n\t\t\tbuilder.updateCachedCompSettings(comp_id, jQuery('#tmp_block')[0].innerHTML);\r\n\t\t});\r\n\t}\r\n<\/script>","hidden":"0","faq_video":""},{"id":"10","title":"Social Sharing","description":"Social Media Bar","icon":"social_sharing.png","code":"<script type=\"text\/javascript\">\r\n\tvar socials = [\r\n\t\t['%1$s','https:\/\/www.facebook.com\/',\t'facebook.png',\t\t'Facebook', \t'facebook.com'],\r\n\t\t['%2$s','https:\/\/twitter.com\/',\t\t\t'twitter.png',\t\t'Twitter',\t\t'twitter.com'],\r\n\t\t['%3$s','https:\/\/plus.google.com\/',\t\t'google.png',\t\t'Google Plus',\t'plus.google.com'],\r\n\t\t['%4$s','http:\/\/www.linkedin.com\/',\t\t'linked_in.png',\t'LinkedIn',\t'linkedin.com'],\r\n\t\t['%5$s','http:\/\/www.yelp.com\/',\t\t\t'yelp.png',\t\t\t'Yelp',\t\t\t'yelp.com'],\r\n\t\t['%6$s','http:\/\/pinterest.com\/',\t\t'pinterest.png',\t'Pinterest',\t'pinterest.com'],\r\n\t\t['%7$s','http:\/\/www.youtube.com\/',\t\t'youtube.png',\t\t'YouTube',\t\t'youtube.com'],\r\n\t\t['%8$s','http:\/\/www.tripadvisor.com\/',\t'tripadvisor.png',\t'Tripadvisor',\t'tripadvisor.com'],\r\n\t\t['%9$s','http:\/\/instagram.com\/',\t\t'instagram.png',\t'Instagram',\t'instagram.com'],\r\n\t];\r\n\t\r\n\tjQuery(function(){\r\n                \r\n\t\tjQuery('#page_comp_id_%comp_id$s').css('background', 'transparent');\r\n\t\r\n\t\tjQuery('#social_sharing_wrapper_%comp_id$s').html('');\r\n\t\r\n\t\tvar width_%comp_id$s = jQuery('.social_sharing_settings').data('width');\r\n\t\tvar height_%comp_id$s = jQuery('.social_sharing_settings').data('height');\r\n\t\r\n\t\tfor (var i_%comp_id$s in socials) {\r\n\t\t\tif (socials[i_%comp_id$s][0] !== '' && socials[i_%comp_id$s][0].match(\"http[s]?:\\\/\\\/(www\\\\.)?\" + socials[i_%comp_id$s][4]) !== null && socials[i_%comp_id$s][0].indexOf(\"'\") == -1 && socials[i_%comp_id$s][0].indexOf(',') == -1) {\r\n\t\t\t\tjQuery('#social_sharing_wrapper_%comp_id$s').append(\r\n\t\t\t\t'<a href=\"' + socials[i_%comp_id$s][0] + '\" target=\"_blank\" class=\"' + socials[i_%comp_id$s][3].toLowerCase().split(' ').join('_') + '_icon\" style=\"background-image: url(\\'\/assets\/images\/template\/social_icon\/' + socials[i_%comp_id$s][2] + '\\'); width: ' + width_%comp_id$s + 'px; height: ' + height_%comp_id$s + 'px; background-size: ' + width_%comp_id$s + 'px\"><\/a>');\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\tif (jQuery('#social_sharing_wrapper_%comp_id$s a').length == 0) {\r\n\t\t\tfor (var i in builder.components) {\r\n\t\t\t\tif (builder.components[i].id == 10) {\r\n\t\t\t\t\tvar active_icon_%comp_id$s = builder.components[i].icon.split('.').join('_active.');\r\n\t\t\t\t\tjQuery('#page_comp_id_%comp_id$s').css('background', 'url(\/assets\/images\/template\/components\/' + active_icon_%comp_id$s + ') no-repeat center');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\tjQuery('#page_comp_id_%comp_id$s, #social_sharing_wrapper_%comp_id$s').width(\r\n\t\t\t(\r\n\t\t\t\twidth_%comp_id$s + 10\r\n\t\t\t) * jQuery('#social_sharing_wrapper_%comp_id$s a').length\r\n\t\t);\r\n\t\t\r\n\t\tif ($('.social_sharing_settings').data('center') != false && jQuery('#page_comp_id_%comp_id$s').css('position') == 'fixed') {\r\n\t\t\tjQuery('#page_comp_id_%comp_id$s').css('marginLeft', '-' + (jQuery('#page_comp_id_%comp_id$s').width() \/ 2) + 'px');\r\n\t\t}\r\n\t});\r\n<\/script>\r\n<div id=\"social_sharing_wrapper_%comp_id$s\" class=\"social_sharing_component\"><\/div>","sizes":"auto,auto","settings":"{\"1\":{\"type\": \"string\",\"name\": \"Facebook\"},\"2\":{\"type\": \"string\",\"name\": \"Twitter\"},\"3\":{\"type\": \"string\",\"name\": \"Google+\"},\"4\":{\"type\": \"string\",\"name\": \"LinkedIn\"},\"5\":{\"type\": \"string\",\"name\": \"Yelp\"},\"6\":{\"type\": \"string\",\"name\": \"Pinterest\"},\"7\":{\"type\": \"string\",\"name\": \"Youtube\"},\"8\":{\"type\": \"string\",\"name\": \"Tripadvisor\"}}","settings_":"<script type=\"text\/javascript\">\r\n\tjQuery('#comp_conf_%comp_id$s').on('save', function(){\r\n\t\tvar fields_ids = [1,2,3,4,5,6,7,8,9];\r\n\t\tvar invalid_fields_%comp_id$s = [];\r\n\r\n\t\tfor (var i in fields_ids) {\r\n\t\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).val() == '') {\r\n\t\t\t\t\r\n\t\t\t} else if (jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).val().match(\"http[s]?:\\\/\\\/(www\\\\.)?\" + jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).data('domain')) === null || jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).val().indexOf(',') !== -1|| jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).val().indexOf(\"'\") !== -1) {\r\n\t\t\t\tinvalid_fields_%comp_id$s.push(jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).parent().prev().text().split(':').join(''));\r\n\t\t\t\t\r\n\t\t\t\t\/\/jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).val('');\r\n\t\t\t\t\/\/jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).addClass('error');\r\n\t\t\t} else {\r\n\t\t\t\t\/\/jQuery('#comp_conf_%comp_id$s #settings_id_' + fields_ids[i]).removeClass('error');\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\tif (invalid_fields_%comp_id$s != '') {\r\n\t\t\tif (invalid_fields_%comp_id$s.length > 1) {\r\n\t\t\t\tbuilder.alert('Invalid links for ' + invalid_fields_%comp_id$s.join(', '));\r\n\t\t\t} else {\r\n\t\t\t\tbuilder.alert('Invalid ' + invalid_fields_%comp_id$s.join('') + ' link');\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n<\/script>\r\n\r\n<style type=\"text\/css\">\r\n\t.social_sharing_settings_fields div.label {\r\n\t\twidth: 92px !important;\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"social_sharing_settings_fields\">\r\n\t<div class=\"label\" style=\"margin-top: 10px;\">Facebook:<\/div>\r\n\t<div class=\"field\" style=\"margin-top: 10px;\"><input type=\"text\" id=\"settings_id_1\" value=\"%1$s\" class=\"wide\" data-domain=\"facebook.com\" placeholder=\"http:\/\/www.facebook.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\r\n\t<div class=\"label\">Twitter:<\/div>\r\n\t<div class=\"field\"><input type=\"text\" id=\"settings_id_2\" value=\"%2$s\" class=\"wide\" data-domain=\"twitter.com\" placeholder=\"https:\/\/twitter.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\r\n\t<div class=\"label\">Google+:<\/div>\r\n\t<div class=\"field\"><input type=\"text\" id=\"settings_id_3\" value=\"%3$s\" class=\"wide\" data-domain=\"plus.google.com\" placeholder=\"https:\/\/plus.google.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\r\n\t<div class=\"label\">LinkedIn:<\/div>\r\n\t<div class=\"field\"><input type=\"text\" id=\"settings_id_4\" value=\"%4$s\" class=\"wide\" data-domain=\"linkedin.com\" placeholder=\"http:\/\/www.linkedin.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\r\n\t<div class=\"label\">Yelp:<\/div>\r\n\t<div class=\"field\"><input type=\"text\" id=\"settings_id_5\" value=\"%5$s\" class=\"wide\" data-domain=\"yelp.com\" placeholder=\"http:\/\/www.yelp.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\r\n\t<div class=\"label\">Pinterest:<\/div>\r\n\t<div class=\"field\"><input type=\"text\" id=\"settings_id_6\" value=\"%6$s\" class=\"wide\" data-domain=\"pinterest.com\" placeholder=\"http:\/\/pinterest.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\r\n\t<div class=\"label\">Youtube:<\/div>\r\n\t<div class=\"field\"><input type=\"text\" id=\"settings_id_7\" value=\"%7$s\" class=\"wide\" data-domain=\"youtube.com\" placeholder=\"http:\/\/www.youtube.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\r\n\t<div class=\"label\">Tripadvisor:<\/div>\r\n\t<div class=\"field\"><input type=\"text\" id=\"settings_id_8\" value=\"%8$s\" class=\"wide\" data-domain=\"tripadvisor.com\" placeholder=\"http:\/\/www.tripadvisor.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n\r\n\t<div class=\"label\">Instagram:<\/div>\r\n\t<div class=\"field\"><input type=\"text\" id=\"settings_id_9\" value=\"%9$s\" class=\"wide\" data-domain=\"instagram.com\" placeholder=\"http:\/\/instagram.com\/mypage\" \/><\/div>\r\n\t<div class=\"clear spacer\"><\/div>\r\n<\/div>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=sZUBJeHjLV4"},{"id":"11","title":"Single Image","description":"Single Image","icon":"single_image.png","code":"<script type=\"text\/javascript\">\r\n\r\njQuery(function(){\r\n\tvar img_width_%comp_id$s = '%5$s';\r\n\tvar img2 = '%2$s';\r\n\tif(img_width_%comp_id$s == '' || img_width_%comp_id$s == undefined || img_width_%comp_id$s <= 1) {\r\n\t    img_width_%comp_id$s = 250;\r\n\t}\t\r\n\tvar imageURL = builder.remoteImage(\"\/user_files\/%1$s\");\r\n\t\r\n\tvar imageURLresize = builder.remoteResizedSingleImage(imageURL,img_width_%comp_id$s);\r\n\t\r\n\tif (img2.length > 0) {\r\n\t\tvar imageHref = \"%2$s\";\r\n\t\tvar target_img = \"%3$s\";\r\n\t\tif(target_img != '_self'){\r\n\t\t    target_img = '_blank';\r\n\t\t}\r\n\t\t\r\n\t\tif(jQuery('#page_comp_id_%comp_id$s').closest('.puzzel_two_1.template12').size() >= 1){\r\n\t\t    jQuery('.block.b7, .puzzel_two_1.template12 .wrapper').css({overflow:'hidden'});\r\n\t\t}\r\n\t\t\r\n\t\tif(imageHref.match(\"http[s]?:\\\/\\\/(www\\.)?youtube.com\") !== null || imageHref.match(\"http[s]?:\\\/\\\/(www\\.)?vimeo.com\") !== null || imageHref.match(\"(https:)?\\\/\\\/player.vimeo.com\\\/video\\\/\") !== null || imageHref.match(\"http[s]?:\\\/\\\/(www\\.)?youtu.be\\\/\") !== null){\r\n\t\t\t\r\n\t\t\tvar imgVideoWidth = 150;\r\n\t\t\tif(img_width_%comp_id$s <= 200){\r\n\t\t\t    imgVideoWidth = 50;\r\n\t\t\t}else if(img_width_%comp_id$s <= 300){\r\n\t\t\t    imgVideoWidth = 100;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tjQuery('#page_comp_id_%comp_id$s').find('.header').html('<a href=\"javascript:;\" data-video=\"'+imageHref+'\" class=\"img_video_popup\"><img class=\"play_video_popup\" style=\"width:' + imgVideoWidth + 'px;\" src=\"\/user_files\/templates_resources\/12\/images\/icon_play.png\" alt=\"\" \/><\/a><img width=\"' + img_width_%comp_id$s + '\" data-image=\"'+imageURL+'\" onerror=\"builder.remoteSingleImageError(this);\" src=\"'+imageURLresize+'\" alt=\"\" \/>');\r\n\t\t\tjQuery('#page_comp_id_%comp_id$s, #page_comp_id_%comp_id$s img:not(.play_video_popup)').css({width: img_width_%comp_id$s});\r\n\t\t\tbuilder.setImgPositionSingleImgVideo(%comp_id$s,true);\r\n\t\t\tjQuery('#page_comp_id_%comp_id$s .img_video_popup').off('click').on('click',function(){\r\n\t\t\t    builder.singleImageVideo(imageHref);\r\n\t\t\t});\r\n\t\t\t\r\n\t\t}else{\r\n\t\t    jQuery('#page_comp_id_%comp_id$s').find('.header').html('<a href=\"'+imageHref+'\" target=\"'+target_img+'\"><img width=\"' + img_width_%comp_id$s + '\" data-image=\"'+imageURL+'\" onerror=\"builder.remoteSingleImageError(this);\" src=\"'+imageURLresize+'\" alt=\"\" \/><\/a>');\r\n\t\t    jQuery('#page_comp_id_%comp_id$s, #page_comp_id_%comp_id$s img').css({width: img_width_%comp_id$s});\r\n\t\t    builder.setImgPositionSingleImgVideo(%comp_id$s);\r\n\t\t}\t\t\r\n\t} else {\t\r\n\t\tjQuery('#page_comp_id_%comp_id$s').find('.header').html('<img width=\"' + img_width_%comp_id$s + '\" data-image=\"'+imageURL+'\" onerror=\"builder.remoteSingleImageError(this);\" src=\"'+imageURLresize+'\" alt=\"\" \/>');\r\n\t\tjQuery('#page_comp_id_%comp_id$s, #page_comp_id_%comp_id$s img').css({width: img_width_%comp_id$s});\r\n\t\tbuilder.setImgPositionSingleImgVideo(%comp_id$s);\r\n\t}\r\n});\r\n<\/script>\r\n<div class=\"header\">\r\n<\/div>","sizes":"auto,auto,keepratio","settings":"","settings_":"<div class=\"clear\"><\/div>\n<div class=\"variation text active\">\n    <div class=\"v_text\">\n\tChoose a single image with proper size before upload. Enter the width and the height will be calculated so the image's proportions will be correct.<br \/>\n\t\n\t<div class=\"label narrow\" style=\"width: 90px; margin-top: 10px;\">Width:<\/div>\n\t<div class=\"field\" style=\"margin-top: 10px;\"><input placeholder=\"500\" type=\"text\" id=\"settings_id_5_%comp_id$s\" value=\"%5$s\" \/><span class=\"px_posit\">&nbsp;&nbsp;px<\/span><\/div>\n\t<div class=\"clear spacer\"><\/div>\n\t\n\t<b>Optional Step.<\/b> Assign a link to the image using the fields below. The image will direct website visitors to this link when clicked or will play a video at the center of the screen. We accept YouTube and Vimeo video links.<br \/>\n\t\n\t<div class=\"label narrow\" style=\"width: 90px; margin-top: 10px;\">URL:<\/div>\n\t<div class=\"field\" style=\"margin-top: 10px;\"><input placeholder=\"http:\/\/www.google.com\" type=\"text\" id=\"settings_id_2_%comp_id$s\" value=\"%2$s\" \/><\/div>\n\t<div class=\"clear spacer\"><\/div>\n\n\t<div class=\"label narrow\" style=\"width: 90px; margin-top: 10px;\">Link Type:<\/div>\n\t<div class=\"field\" style=\"margin-top: 10px;\">\n\t    <select id=\"family_style_cusel_%comp_id$s\">\n\t\t<option value=\"_blank\">New Window<\/option>\n\t\t<option value=\"_self\">Same Window<\/option>\n\t    <\/select>\n\t    <input type=\"hidden\" id=\"settings_id_3_%comp_id$s\"  value=\"%3$s\" \/>\n\t<\/div>\n\t<div class=\"clear spacer\"><\/div>\n\t    \n\t<div class=\"preview_link\"><a href=\"\/user_files\/%1$s\" title=\"Click to open image in a new window\" class=\"image_link\"  onclick=\"builder.infoPreviewPopup(this);return false;\">Preview Image<\/a><\/div>\n    <\/div>\n\t<div class=\"bottom_button wide\" id='gallery_btn' onclick=\"gallery.openGalleryBox(true,false,window.apply_func_%comp_id$s);jQuery('#current_image').css('display','none');jQuery('#current_image.only_max_size').css('display','block');\">Upload Picture<\/div>\n    \n\t<div class=\"clear spacer\"><\/div>\n\t<script type=\"text\/javascript\">\n\t    \n\t\tif('%3$s' !== ''){\n\t\t   jQuery('#family_style_cusel_%comp_id$s').find('option').each(function(){\n\t\t      if(jQuery(this).attr('value') == '%3$s'){\n\t\t\t jQuery(this).attr('selected','selected');\n\t\t      }\n\t\t   })\n\t\t}\n\n\t\tif(jQuery('cuselFrame-family_style_cusel_%comp_id$s').size() < 1){\n\t\t     var family_style_cusel_%comp_id$s = {\n\t\t       changedEl: \"#family_style_cusel_%comp_id$s\",\n\t\t       scrollArrows: false,\n\t\t       visRows: 5\n\t\t     }\n\t\t     cuSel(family_style_cusel_%comp_id$s);\n\t\t}\n\t\tjQuery('#family_style_cusel_%comp_id$s').change(function(){\n\t\t\t   jQuery('#settings_id_3_%comp_id$s').val(jQuery(this).val());\n\t\t});\n\t\t\n\t\tif(window.location.host == 'dev.urvisible.com'){\n\t\t    var bucket = 'devassets';\n\t\t}else{\n\t\t    var bucket = 'assets';\n\t\t}\n                var href_img = '%1$s';\n                if(href_img === ''){\n                   jQuery('#comp_conf_%comp_id$s .image_link').hide();\t\t   \n                }\n\t\tif(href_img.indexOf('gallery\/template_img\/') == -1 && href_img.indexOf('gallery\/template_9\/') == -1){\n\t\t   href_img = 'http:\/\/'+bucket+'.urvisible.com\/original\/' + href_img.split('gallery\/').join('');\n\t\t}else{\n\t\t   if(gallery.files[0] == undefined && href_img.indexOf('gallery\/template_9\/') != -1){\n\t\t\thref_img = '\/user_files\/'+href_img;\n\t\t   }else if(gallery.files[0] == undefined){\n\t\t\thref_img = 'http:\/\/'+bucket+'.urvisible.com\/' + href_img;\n\t\t   }else{\n\t\t        href_img = gallery.files[0];\n\t\t\thref_img = 'http:\/\/'+bucket+'.urvisible.com\/' + href_img;\n\t\t   }\n\t\t}\n\t\t$('.image_link').attr('href',href_img);\n\t\tvar file = jQuery('#comp_conf_%comp_id$s #settings_id_1_%comp_id$s').attr('value');\n\t\tif (files === undefined) {\n\t\t\tif (window.file_%comp_id$s !== undefined) {\n\t\t\t\tfile = file_%comp_id$s;\n\t\t\t} else {\n\t\t\t\tfile = undefined;\n\t\t\t}\n\t\t}\n\t\tgallery.uncheckAllImages();\n\t\tif (files != undefined) {\n\t\t\tgallery.checkImages([file]);\n\t\t} else {\n\t\t\tgallery.uncheckAllImages();\n\t\t}\n\n\t\twindow.apply_func_%comp_id$s = function() {\n\t\t\tif(gallery.files[0] == undefined){\n                           return;\n                        }\n\n\t\t\tif (gallery.files[0] && gallery.files[0].indexOf('gallery\/') === -1) {\n\t\t\t\tgallery.files[0] = 'gallery\/' + gallery.files[0];\n\t\t\t}\n                        var href_img = gallery.files[0];\n\n                        if(href_img.indexOf('gallery\/template_img\/') == -1 && href_img.indexOf('gallery\/template_9\/') == -1){\n                           href_img = 'http:\/\/'+bucket+'.urvisible.com\/original\/' + href_img.split('gallery\/').join('');\n                        }else{\n                           href_img = gallery.files[0];\n                           href_img = 'http:\/\/'+bucket+'.urvisible.com\/' + href_img;                           \n                        }\n\t\t\t\n\t\t\tif(jQuery('#comp_conf_%comp_id$s #settings_id_5_%comp_id$s').val() != ''){\n\t\t\t    var comp_width = parseInt(jQuery('#comp_conf_%comp_id$s #settings_id_5_%comp_id$s').val());\n\t\t\t    if(comp_width > 0 && (comp_width*0.6) > gallery.min_width){\n\t\t\t\tbuilder_short.confirm('Looks like the image you uploaded is too small. The best size is  '+comp_width+'px. Would you like to proceed with the current image?',function(result){\n\t\t\t\t    if(result){\n\t\t\t\t\tjQuery('#comp_conf_%comp_id$s .image_link').show();\n\t\t\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1_%comp_id$s').attr('value', gallery.files[0]);\n\t\t\t\t\tjQuery('#comp_conf_%comp_id$s .image_link').attr('href', href_img).attr('data-href', href_img);\n\t\t\t\t\tgallery.closeGalleryBox();\n\t\t\t\t    }else{\n\t\t\t\t\tjQuery('#comp_conf_%comp_id$s .bottom_button.wide').triggerHandler('click');\n\t\t\t\t\treturn false;\n\t\t\t\t    }\t\t\t    \n\t\t\t\t});\n\t\t\t    }else{\n\t\t\t\tjQuery('#comp_conf_%comp_id$s .image_link').show();\n\t\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1_%comp_id$s').attr('value', gallery.files[0]);\n\t\t\t\tjQuery('#comp_conf_%comp_id$s .image_link').attr('href', href_img).attr('data-href', href_img);\n\t\t\t    }\n\t\t\t}\t\t\n\t\t\treturn false;\n\t\t}\n\t\twindow.asd = 'asd';\n\t\t\n\t\tjQuery('#comp_conf_%comp_id$s').off('save').on('save', function() {\n\t\t\tvar errors_%comp_id$s = false;\n\t\t\t\t\n\t\t\tif (file == '' && (!gallery.files || gallery.files == '')) {\n\t\t\t\tbuilder.alert('Please, choose an image');\n\t\t\t\terrors_%comp_id$s = true;\n\t\t\t}\t\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2_%comp_id$s').css('border','');\n\t\t\tvar url_val = jQuery('#comp_conf_%comp_id$s #settings_id_2_%comp_id$s').val();\n\t\t\turl_val = url_val.replace(\/\\s+\/g, '');\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2_%comp_id$s').val(url_val);\n\t\t\tif(url_val != undefined && url_val != ''){\n\t\t\t    rule = \/http(s?):\\\/\\\/[-\\w\\.]{1,}\\.[A-Za-z]{2,3}\/i;\n\t\t\t    if (!rule.test(url_val)){\n\t\t\t\turl_val = 'http:\/\/'+url_val;\n\t\t\t\tif(!rule.test(url_val)) {\n\t\t\t\t    jQuery('#comp_conf_%comp_id$s #settings_id_2_%comp_id$s').css('border','1px solid red');\n\t\t\t\t    builder.alert('Please, enter vaild URL or leave the field empty.');\n\t\t\t\t}else{\n\t\t\t\t    jQuery('#comp_conf_%comp_id$s #settings_id_2_%comp_id$s').val(url_val);\n\t\t\t\t}\n\t\t\t    }\n\t\t\t}\n\t\t\tjQuery('#comp_conf_%comp_id$s').data('saveable', !errors_%comp_id$s);\n\t\t});\n        if(jQuery('#settings_id_5_%comp_id$s').val()=='')\n        {\n\tjQuery('#settings_id_5_%comp_id$s').val(500);\n        }\n\t<\/script>\n\t<input type=\"hidden\" id=\"settings_id_1_%comp_id$s\" value=\"%1$s\" \/>\n<\/div>","hidden":"0","faq_video":"http:\/\/www.youtube.com\/watch?v=6hQ_NZInzLs"},{"id":"12","title":"Business Hours","description":"Business Hours","icon":"business_hours.png","code":"<div style=\"color: %2$s;\">%1$s<\/div>","sizes":"auto,auto","settings":"{\"1\":{\"type\": \"string\",\"name\": \"Business Hours\"},\"2\":{\"type\": \"string\",\"name\": \"Phone Number\"}}","settings_":"<textarea class=\"settings_textarea\" id=\"settings_id_1_%comp_id$s\" style=\"height: 95px;\">%1$s<\/textarea>\r\n<script type=\"text\/javascript\">\r\nif ('%1$s' == '') {\r\n\tjQuery('#settings_id_1_%comp_id$s').html(\r\n\t'<strong>Mon-Fri<\/strong><br>' +\r\n\t'<strong>Saturday<\/strong><br>' +\r\n\t'<strong>Sunday Closed<\/strong>'\r\n\t);\r\n}\r\nbuilder.createCKEditor('#settings_id_1_%comp_id$s',null,'business_hours'); \r\n\/*\r\nnew nicEditor({\r\niconsPath : '\/assets\/images\/nicEditorIcons.gif',\r\nbuttonList : ['bold','italic','underline','left','center','right','fontFamily','fontSize','html'],\r\nadditionalFonts: builder.fonts\r\n}).panelInstance('settings_id_1_%comp_id$s');\r\n*\/\r\n<\/script>\r\n\r\n<div class=\"dropdown_wrapper wide\">\r\n<div class=\"dd_label\">Text color:<\/div>\r\n<div class=\"dropdown_arrow\" id=\"dropdown_arrow_2_%comp_id$s\">\r\n\t<a href=\"#\" class=\"color\"><\/a>\r\n<\/div>\r\n<div class=\"hor_dropdown wide\" id=\"hor_dropdown_2_%comp_id$s\"><\/div>\r\n<input type=\"hidden\" id=\"settings_id_2_%comp_id$s\" class=\"settings_id_2_%comp_id$s\" value=\"%2$s\" \/>\r\n\t<script type=\"text\/javascript\">\r\n\tvar palette_id = jQuery('#page_comp_id_%comp_id$s').parents('.block').data('palette_id');\r\n\tvar colors = template_colors[palette_id];\r\n\tcolors = false;\r\n\tif (!colors) {\r\n\t\tjQuery('.dropdown_wrapper.wide').remove();\r\n\t}\r\n\r\n\tfor (var i_2_%comp_id$s in colors) {\r\n\t\tjQuery('<a href=\"#' + colors[i_2_%comp_id$s] + '\" class=\"color\" style=\"background-color: #' + colors[i_2_%comp_id$s] + '\"><\/a>')\r\n\t\t.appendTo('#hor_dropdown_2_%comp_id$s').on('click', function(e){\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tjQuery('#dropdown_arrow_2_%comp_id$s a').css('backgroundColor', jQuery(this).attr('href'));\r\n\t\t\tjQuery('.settings_id_2_%comp_id$s').val(jQuery(this).attr('href'));\r\n\t\t\tjQuery('#hor_dropdown_2_%comp_id$s a').removeClass('active');\r\n\t\t\tjQuery(this).addClass('active');\r\n\t\t});\r\n\t};\r\n\r\n\tif (jQuery('#hor_dropdown_2_%comp_id$s a[href=\"%2$s\"]').length > 0) {\r\n\t\tvar obj = jQuery('#hor_dropdown_2_%comp_id$s a[href=\"%2$s\"]');\r\n\t\tjQuery('#dropdown_arrow_2_%comp_id$s a').css('backgroundColor', jQuery(obj).attr('href'));\r\n\t\tjQuery('.settings_id_2_%comp_id$s').val(jQuery(obj).attr('href'));\r\n\t\tjQuery(obj).addClass('active');\r\n\t} else {\r\n\t\tvar obj = jQuery('#hor_dropdown_2_%comp_id$s a')[0];\r\n\t\tjQuery('#dropdown_arrow_2_%comp_id$s a').css('backgroundColor', jQuery(obj).attr('href'));\r\n\t\tjQuery('.settings_id_2_%comp_id$s').val(jQuery(obj).attr('href'));\r\n\t\tjQuery(obj).addClass('active');\r\n\t}\r\n\t<\/script>\r\n<\/div>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=Ikm1fud36RY"},{"id":"13","title":"Contact Us","description":"Contact Form","icon":"contuct_us.png","code":"<script type=\"text\/javascript\">\r\n\tif ('%1$s' != '') {\r\n\t\tvar fields_%comp_id$s = JSON.parse(unescape('%1$s'));\r\n\t}\r\n\r\n\tjQuery(function(){\r\n \r\n\t\tif (!fields_%comp_id$s) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t        $('#form_%comp_id$s').html('');\r\n\t\tfor (var i in fields_%comp_id$s) {\r\n\t\t\tvar f = fields_%comp_id$s[i];\r\n\t\t\r\n\t\t\tif (!f[0] || f[0].replace(\/<\\\/?[^>]+>\/gi, '') != '1') {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n                        var label_text = $('<span\/>').html(f[1]);\r\n\r\n\t\t\tvar label = $('<span\/>').attr('class', 'field_label').text(label_text.text());\r\n                        \r\n\t\t\r\n\t\t\tif (f[2] == 'Short Answer') {\r\n\t\t\t\tvar input = $('<input\/>').attr({\r\n\t\t\t\t\tname: f[1].replace(\/<\\\/?[^>]+>\/gi, ''),\r\n\t\t\t\t\ttype: 'text',\r\n\t\t\t\t\tplaceholder: f[1].replace(\/<\\\/?[^>]+>\/gi, '')\r\n\t\t\t\t});\r\n\t\t\t} else if (f[2] == 'Essay Answer') {\r\n\t\t\t\tvar input = $('<textarea\/>').attr({\r\n\t\t\t\t\tname: f[1].replace(\/<\\\/?[^>]+>\/gi, ''),\r\n\t\t\t\t\tplaceholder: f[1].replace(\/<\\\/?[^>]+>\/gi, '')\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t        builder.statusForModal(%comp_id$s,'Added');\r\n\t\t\t$('#form_%comp_id$s').append(label, input, $('<br\/>'));\r\n\t\t}\r\n\t\r\n\t\tif ('%3$s' == 'on') {\r\n\t\t\tvar label = $('<span\/>').attr('class', 'field_label').text('Captcha');\r\n\t\t\r\n\t\t\tvar num1 = Math.floor(Math.random() * 10);\r\n\t\t\tvar num2 = Math.floor(Math.random() * 10);\r\n\t\t\tvar answer = num1 + num2;\r\n\t\t\r\n\t\t\tvar captcha_block = $('<div\/>').attr('class', 'captcha_block').data('captcha', answer).append(\r\n\t\t\t\t$('<div\/>').text('' + num1 + ' + ' + num2 + ' = ?'),\r\n\t\t\t\t$('<input\/>').attr({\r\n\t\t\t\t\tid: 'captcha',\r\n\t\t\t\t\ttype: 'text',\r\n\t\t\t\t})\r\n\t\t\t);\r\n\t\t\t$('#form_%comp_id$s').append(label, captcha_block, $('<div\/>').attr('class', 'clear last_clear'));\r\n\t\t}\r\n                if('%2$s' == ''){\r\n                   var param_2 = typeof(user_email)=='undefined'?'':user_email;\r\n                }else{\r\n                   var param_2 = '%2$s';\r\n                }\r\n\t\r\n\t\tif (fields_%comp_id$s.length > 0) {\r\n\t\t\tvar submit_title_%comp_id$s = ('%4$s' != '') ? '%4$s' : 'Submit';\r\n\t\t\t$('#form_%comp_id$s').append('<div style=\"text-align: center;\" class=\"submit_button_wrapper\"><input id=\"submit\" class=\"update_data\" type=\"button\" value=\"' + submit_title_%comp_id$s + '\" onclick=\"sendMessage(\\''+param_2+'\\', this, jQuery(\\'#form_%comp_id$s\\'), \\'%5$s\\', \\'%6$s\\')\"><\/div>');\r\n\t\t}\r\n\t});\r\n<\/script>\r\n<div id=\"form_%comp_id$s\" class=\"contact_us_form\"><\/div>\r\n<div class=\"clear\"><\/div>","sizes":"-150,auto","settings":"{\"1\":{\"type\": \"string\",\"name\": \"Title\"}}","settings_":"\n\n<script type=\"text\/javascript\">\n\tvar fields_%comp_id$s = [{title:'Field name',type:'rich'},{title:'Field type',type:'radio',values:{'Short Answer': 'Short Answer', 'Essay Answer': 'Essay Answer'}}];\n\t\n\tif (jQuery('#comp_conf_%comp_id$s #settings_id_2').val() == '') {\n\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').val(user_email);\n\t}\n\t\n\tif ('%1$s' !== '') {\n\t\tvar data_%comp_id$s = JSON.parse(unescape('%1$s'));\n\t} else {\n\t\tvar data_%comp_id$s = [];\n\t}\n\n\tvar window_%comp_id$s = $('#comp_conf_%comp_id$s');\n\n\twindow_%comp_id$s.data('fields', fields_%comp_id$s);\n\t\n\twindow_%comp_id$s.attr('is_paged_by_default', 'true');\n\t\n        builder.componentsTools.settings.disable_align = true;\n\tvar list_%comp_id$s = builder.componentsTools.buildSpecialWindowList(window_%comp_id$s);\n\tvar controls_%comp_id$s = builder.componentsTools.buildSpecialWindowControls(fields_%comp_id$s, undefined, 'Add field', 70);\n\t\n\tbuilder.componentsTools.changeWindowWidth(window_%comp_id$s, 600);\n\n\tvar mw_content_%comp_id$s = window_%comp_id$s.find('.mw_content');\n\tmw_content_%comp_id$s.prepend(controls_%comp_id$s).prepend(list_%comp_id$s);\n\t\n\t$('#above_button_settings_title_%comp_id$s').insertBefore($('#comp_conf_%comp_id$s').find('.swindow_controls #save'))\n\t$('#above_button_settings_%comp_id$s').insertBefore($('#comp_conf_%comp_id$s').find('.swindow_controls #save'))\n\t\n\tbuilder.componentsTools.specialWindowPost(window_%comp_id$s);\n\tbuilder.componentsTools.refreshSpecialWindowsPagerState(window_%comp_id$s);\n\tbuilder.componentsTools.alignCenter(window_%comp_id$s);\nbuilder.metaCounterAction(jQuery('#comp_conf_%comp_id$s #settings_id_5'),80);\nbuilder.metaCounterAction(jQuery('#comp_conf_%comp_id$s #settings_id_6'),80);\n\n\t\n\twindow_%comp_id$s.css('backgroundColor', '#e7e7e7');\n\t\n\tif ('%3$s' == 'on') {\n\t\t$('#comp_conf_%comp_id$s #settings_id_3').attr('checked', 'checked');\n\t\t$('#comp_conf_%comp_id$s #captcha_custom_checkbox').addClass('active');\n\t}\n\t\n\t$('#comp_conf_%comp_id$s #captcha_custom_checkbox').on('click', function() {\n\t\tif (jQuery(this).hasClass('active')) {\n\t\t\tjQuery(this).removeClass('active');\n\t\t\t$('#comp_conf_%comp_id$s #settings_id_3').removeAttr('checked');\n\t\t} else {\n\t\t\tjQuery(this).addClass('active');\n\t\t\t$('#comp_conf_%comp_id$s #settings_id_3').attr('checked', 'checked');\n\t\t}\n                builder.saveComponent(%comp_id$s,true,true);\n\t});\n\t\n\tjQuery('#comp_conf_%comp_id$s').off('save').on('save', function() {\n\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_2').val() == '') {\n\t\t\tbuilder.alert('Please fill in the email to send the messages to');\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').addClass('error');\n\t\t\terrors_%comp_id$s = true;\n\t\t} else {\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').removeClass('error');\n\t\t\terrors_%comp_id$s = false;\n\t\t}\n\n\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_5').length > 80) {\n\t\t\tbuilder.alert('Please enter no more than 80 characters.');\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_5').addClass('error');\n\t\t\terrors_%comp_id$s = true;\n\t\t} else {\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_5').removeClass('error');\n\t\t\terrors_%comp_id$s = false;\n\t\t}\n\n\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_6').length > 80) {\n\t\t\tbuilder.alert('Please enter no more than 80 characters.');\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_6').addClass('error');\n\t\t\terrors_%comp_id$s = true;\n\t\t} else {\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_6').removeClass('error');\n\t\t\terrors_%comp_id$s = false;\n\t\t}\n\t\n\t\tjQuery('#comp_conf_%comp_id$s').data('saveable', !errors_%comp_id$s);\n\t});\n\t\n\t  \n\t\n\n$('#comp_conf_%comp_id$s #above_button_settings_%comp_id$s').prependTo($('#comp_conf_%comp_id$s .mw_content'));\n$('#comp_conf_%comp_id$s #above_button_settings_title_%comp_id$s').prependTo($('#comp_conf_%comp_id$s .mw_content'));\n$('#comp_conf_%comp_id$s .swindow_controls').find('.controls_item').addClass('contact_us');\n<\/script>\n<input type=\"hidden\" id=\"settings_id_1_%comp_id$s\" class=\"s_window_input settings_id_1_%comp_id$s\" value=\"%1$s\" \/>\n\n<div id=\"above_button_settings_%comp_id$s\" class=\"special_window_general_controls\">\n\t<div class=\"label\">Send to email:<\/div>\n\t<div class=\"field\">\n\t\t<input type=\"text\" id=\"settings_id_2\" value=\"%2$s\" placeholder=\"test@example.com\" \/>\n\t<\/div>\n\t<div class=\"clear spacer\"><\/div>\n\t<div class=\"label\">Button label:<\/div>\n\t<div class=\"field\">\n\t\t<input type=\"text\" id=\"settings_id_4\" value=\"%4$s\" placeholder=\"Submit\" \/>\n\t<\/div>\n\t<div class=\"clear spacer\"><\/div>\n\t<div class=\"label long_text\" style=\"width: 100%;text-align: left;padding-left: 20px;\">Text when contact form is successfully processed:<\/div><br\/>\n\t\n\t<div class=\"field long_text_input\">\n\t\t<input type=\"text\" id=\"settings_id_5\" maxlength=\"80\" value=\"%5$s\" placeholder=\"Thank you. Your message was successfully sent.\" \/>\n\t\t<span class=\"meta_counter\"><\/span>\n\t<\/div>\n\t<div class=\"clear spacer\"><\/div>\n\t<div class=\"label long_text\" style=\"width: 100%;text-align: left;padding-left: 20px;\">Text when the contact form returns an error:<\/div><br\/>\n\t\n\t<div class=\"field long_text_input\">\n\t\t<input type=\"text\" id=\"settings_id_6\" maxlength=\"80\" value=\"%6$s\" placeholder=\"Error while sending message!\" \/>\n\t\t<span class=\"meta_counter\"><\/span>\n\t<\/div>\n\t<div class=\"clear spacer\"><\/div>\n\t<div class=\"label\">Captcha:<\/div>\n\t<div class=\"field\">\n\t\t<div id=\"captcha_custom_checkbox\" class=\"custom_checkbox\"><\/div>\n\t\t<input style=\"display: none;\" type=\"checkbox\" id=\"settings_id_3\" \/>\n\t<\/div>\n\t<div class=\"clear\"><\/div>\n<\/div>\n<script type=\"text\/javascript\">\nif(jQuery('#settings_id_5').val()=='')\n{\njQuery('#settings_id_5').val('Thank you. Your message was successfully sent.');\n}\nif(jQuery('#settings_id_6').val()=='')\n{\njQuery('#settings_id_6').val('Error while sending message!');\n}\nif(jQuery('#settings_id_4').val()=='')\n{\njQuery('#settings_id_4').val('Submit');\n}\n<\/script>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=lhr5wOH5sFc"},{"id":"14","title":"Video","description":"Video","icon":"video.png","code":"<script type=\"text\/javascript\">\r\njQuery(function(){\r\n\tvar str1 = '%1$s';\r\n\tvar width = '%2$s';\r\n\twidth = parseInt(width);\r\n\t\r\n\tif (str1 != undefined && str1 != '' && width != undefined && width > 0 && width != '') {\t    \r\n\t\t\r\n\t\tvar s_wind_h = width*0.5625;\r\n\t\tjQuery(\"#page_comp_id_%comp_id$s\").css({width:width,height:s_wind_h});\r\n\t\t\r\n\t\tvar vimeo_video = false;\r\n\t\tif(str1.match(\"http[s]?:\\\/\\\/(www\\.)?youtube.com\") === null && str1.match(\"http[s]?:\\\/\\\/(www\\.)?vimeo.com\") === null && str1.match(\"(https:)?\\\/\\\/player.vimeo.com\\\/video\\\/\") === null){\r\n\t\t    var split_str = str1.match(\"http[s]?:\\\/\\\/(www\\.)?youtu.be\\\/\")[0];\r\n\t\t    var video_id = str1.split(split_str)[1];\r\n\t\t}else if(str1.match(\"http[s]?:\\\/\\\/(www\\.)?vimeo.com\") !== null){\r\n\t\t    var split_str = str1.match(\"http[s]?:\\\/\\\/(www\\.)?vimeo.com\\\/\")[0];\r\n\t\t    var video_id = str1.split(split_str)[1];\r\n\t\t    vimeo_video = true;\r\n\t\t}else if(str1.match(\"(https:)?\\\/\\\/player.vimeo.com\\\/video\\\/\") !== null){\r\n\t\t    var split_str = str1.match(\"(https:)?\\\/\\\/player.vimeo.com\\\/video\\\/\")[0];\r\n\t\t    var video_id = str1.split(split_str)[1];\t\t    \r\n\t\t    vimeo_video = true;\r\n\t\t}else{\r\n\t\t    var video_id = str1.match(\/=[a-zA-Z0-9_-]*\/)[0].slice(1);\r\n\t\t}\t\t\r\n\t\t\r\n                \r\n                if(navigator.userAgent.indexOf('Firefox') != -1){\r\n                    var add_str = '?html5=1&rel=0&showinfo=0&modestbranding=1';\r\n                }else{\r\n\t\t    var add_str = '?rel=0&showinfo=0&modestbranding=1';\r\n\t\t}\r\n\t\tif (video_id != undefined && video_id != '') {\t\r\n\t\t\tif(vimeo_video){\r\n\t\t\t    $(\"#page_comp_id_%comp_id$s #vidoeInsert_%comp_id$s\").attr(\"src\",'\/\/player.vimeo.com\/video\/'+video_id);\r\n\t\t\t}else{\r\n\t\t\t    $(\"#page_comp_id_%comp_id$s #vidoeInsert_%comp_id$s\").attr(\"src\",'\/\/www.youtube.com\/embed\/' + video_id + add_str);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n});\r\n<\/script>\r\n<iframe id=\"vidoeInsert_%comp_id$s\" src=\"\" style=\"width:100%;height:100%;border:0\"><\/iframe>","sizes":"320,240,unresizable","settings":"{\"1\":{\"type\": \"string\",\"name\": \"Video\"},\r\n\"2\":{\"type\": \"string\",\"name\": \"width\"},\r\n\"3\":{\"type\": \"string\",\"name\": \"height\"}}","settings_":"<script type=\"text\/javascript\">\r\n\tjQuery('#comp_conf_%comp_id$s').on('save', function(){\r\n\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_1').val().match(\"http[s]?:\\\/\\\/(www\\.)?youtube.com\") === null && jQuery('#comp_conf_%comp_id$s #settings_id_1').val().match(\"http[s]?:\\\/\\\/(www\\.)?youtu.be\") === null && jQuery('#comp_conf_%comp_id$s #settings_id_1').val().match(\"http[s]?:\\\/\\\/(www\\.)?vimeo.com\") === null && jQuery('#comp_conf_%comp_id$s #settings_id_1').val().match(\"(https:)?\\\/\\\/player.vimeo.com\\\/video\\\/\") === null) {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').val('');\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').addClass('error');\r\n\t\t} else {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').removeClass('error');\r\n\t\t}\r\n\t\t\r\n\t\tif(jQuery('#comp_conf_%comp_id$s #settings_id_2').val() == undefined || jQuery('#comp_conf_%comp_id$s #settings_id_2').val() == '' || jQuery('#comp_conf_%comp_id$s #settings_id_2').val() <= 0){\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').val('');\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').addClass('error');\r\n\t\t}else{\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').removeClass('error');\r\n\t\t}\r\n\t});\r\n<\/script>\r\n\r\n<div class=\"text\" style=\"padding-bottom: 18px;\">\r\n    Use the field below to enter a link to your Vimeo or YouTube video. The video link should be in one of the following two formats:<br\/>\r\n    <br\/>\r\n    http:\/\/youtube.com\/watch?v=NFcUxp2vTKk<br\/>\r\n    http:\/\/vimeo.com\/92900146<br\/>\r\n    <br\/>\r\n    Please use orange frame of the feature to scale it to optimal size.<br\/>\r\n<\/div>\r\n<div class=\"clear\"><\/div>\r\n<div class=\"label\" style=\"width: 88px; margin-bottom: 20px;\">Video Link:<\/div>\r\n<div class=\"field\" style=\"margin-top: 0px;\"><input type=\"text\" class=\"wide\" id=\"settings_id_1\" value=\"%1$s\" \/><\/div>\r\n<div class=\"clear\"><\/div>\r\n<div class=\"label\" style=\"width: 88px; margin-bottom: 20px;\">Width:<\/div>\r\n<div class=\"field\" style=\"margin-top: 0px;\"><input type=\"text\" class=\"wide\" id=\"settings_id_2\" value=\"%2$s\" \/><\/div><div class=\"label\" style=\"width: 20px; margin-bottom: 20px;\">px<\/div>\r\n<div class=\"clear spacer\"><\/div>","hidden":"0","faq_video":""},{"id":"15","title":"Portfolio","description":"Portfolio","icon":"portfolio.png","code":"<script type=\"text\/javascript\">\r\n\t$(function(){\r\n\t\tif ($('.portfolio_settings').data('single')) {\r\n\t\t\tvar value_1_%comp_id$s = $('#page_comp_id_%comp_id$s').width() - 18;\r\n\t\t\tvar value_2_%comp_id$s = parseInt('%2$s');\r\n\t\t\tvar value_3_%comp_id$s = 1;\r\n\t\t} else {\r\n\t\t\tvar value_1_%comp_id$s = parseInt('%1$s');\r\n\t\t\tvar value_2_%comp_id$s = parseInt('%2$s');\r\n\t\t\tvar value_3_%comp_id$s = parseInt('%3$s');\r\n\t\t}\r\n\r\n                if(isNaN(value_1_%comp_id$s) || isNaN(value_2_%comp_id$s) || isNaN(value_3_%comp_id$s)){\r\n                    jQuery('#portfolio_%comp_id$s').addClass('cap').html(''); \r\n                    return true;\r\n                }\r\n\r\n\t\tvar files_%comp_id$s = new Array();\r\n\t\tfiles_%comp_id$s = '%1000$s'.split(',');\r\n\t\r\n\t\tvar sizes_%comp_id$s = new Array();\r\n\t\tsizes_%comp_id$s = [value_1_%comp_id$s, value_2_%comp_id$s];\r\n\r\n\t\tvar init_%comp_id$s = false;\r\n\t\r\n\t\tjQuery('#portfolio_%comp_id$s').html('');\r\n\t\r\n\t\tvar diff_%comp_id$s = value_3_%comp_id$s - files_%comp_id$s.length;\t  \r\n\r\n\r\n\t\tif (diff_%comp_id$s > 0) {\r\n\t\t\tfor (var i = 0; i < diff_%comp_id$s; i++) {\r\n\t\t\t\tfiles_%comp_id$s.push('empty');\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t\t\t\r\n\t\tfor (var i in files_%comp_id$s) {\r\n\t\t\tvar file = files_%comp_id$s[i];\r\n\t\t\r\n\t\t\tif (file == 'empty') {\r\n\t\t\t\tvar list_item = jQuery('<li\/>').css({\r\n\t\t\t\t\tbackground: 'url(\"\/assets\/images\/template\/components\/portfolio_active.png\") no-repeat center',\r\n\t\t\t\t\twidth: value_1_%comp_id$s,\r\n\t\t\t\t\theight: value_2_%comp_id$s\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\t\t\t\t\r\n\t\t\t\tvar list_item = jQuery('<li\/>').append(\r\n\t\t\t\t\tjQuery('<a\/>').append(\r\n\t\t\t\t\t\tjQuery('<img\/>').attr({ alt: '',\r\nonerror:'builder.remoteImageError(this);',\t\t\t\t\t\t\tsrc:builder.remoteResizedImage(file,value_1_%comp_id$s,value_2_%comp_id$s),\t\t\twidth: value_1_%comp_id$s,\t\t\theight: value_2_%comp_id$s\t\t\t})\r\n\t\t\t\t\t).attr({\r\n\t\t\t\t\t\thref:builder.remoteImage(file),\r\n\t\t\t\t\t\tclass: 'fancybox fancybox_%comp_id$s'\r\n\t\t\t\t\t\t\r\n                                                \r\n\t\t\t\t\t}).attr('data-rel','fancybox_%comp_id$s')\r\n\t\t\t\t).css({\r\n\t\t\t\t\twidth: value_1_%comp_id$s,\r\n\t\t\t\t\theight: value_2_%comp_id$s\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\r\n\t\t\tlist_item.appendTo(jQuery('#portfolio_%comp_id$s'));\r\n\t\t}\r\n\t\r\n\t\tjQuery('.fancybox_%comp_id$s').fancybox();\r\n\t\r\n\t\tvar all_width_%comp_id$s = ((value_1_%comp_id$s + 16) * value_3_%comp_id$s);\r\n\t\r\n\t\tjQuery('#portfolio_%comp_id$s').css('width', (value_1_%comp_id$s + 16) * files_%comp_id$s.length);\r\n\t\tjQuery('#portfolio_%comp_id$s').parents('.jcarousel-clip').css({\r\n\t\t\twidth: all_width_%comp_id$s,\r\n\t\t\theight: value_2_%comp_id$s\r\n\t\t});\r\n\t\tjQuery('#portfolio_%comp_id$s').parents('.jcarousel-container-horizontal').css({\r\n\t\t\twidth: all_width_%comp_id$s,\r\n\t\t\theight: value_2_%comp_id$s\r\n\t\t});\r\n\t\tjQuery('#page_comp_id_%comp_id$s').width(all_width_%comp_id$s);\r\n\t\tjQuery('#page_comp_id_%comp_id$s').css('height', '');\r\n\t\tjQuery('#page_comp_id_%comp_id$s').css('height', '+=30');\r\n\t\tjQuery('#portfolio_%comp_id$s').find('li.jcarousel-item').css('width', value_1_%comp_id$s);\r\n\t\r\n\t\tjQuery('#portfolio_%comp_id$s').jcarousel({\r\n\t\t\tscroll: 1,\r\n\t\t\tvisible: value_3_%comp_id$s\r\n\t\t});\r\nbuilder.additionalProcessing('#page_comp_id_%comp_id$s','%comp_id$s');\r\n\t});\r\n<\/script>\r\n<div class=\"text\">\r\n%6$s\r\n<\/div>\r\n<div class=\"jcarousel-container jcarousel-container-horizontal\">\r\n\t<div class=\"jcarousel-clip jcarousel-clip-horizontal\">\r\n\t\t<ul id=\"portfolio_%comp_id$s\"><\/ul>\r\n\t<\/div>\r\n<\/div>","sizes":"auto,-200","settings":"","settings_":"<textarea class=\"settings_textarea\" id=\"settings_id_6\" style=\"height: 95px;\">%6$s<\/textarea>\r\n<script type=\"text\/javascript\">\r\nbuilder.createCKEditor('#settings_id_6',null,'portfolio');\r\n<\/script>\r\n<div class=\"clear spacer\"> <\/div>\r\n<div style=\"  font-family: arial, verdana, sans-serif;font-size: 12px;text-align: center;font-weight: bold;color: #888888;margin-top: 15px; margin-bot: 10px\">Clickable thumbnail images displayed on website.<br>Select your images first.<\/div>\r\n<div class=\"label\" style=\"margin-top: 10px;\">Thumbnail Width:<\/div>\r\n<div class=\"field\" style=\"margin-top: 10px;\">\r\n\t<input type=\"text\" id=\"settings_id_1\" value=\"320\" placeholder=\"320\" \/> pixels\r\n<\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n<div class=\"label\">Thumbnail Height:<\/div>\r\n<div class=\"field\">\r\n\t<input type=\"text\" id=\"settings_id_2\" value=\"240\" placeholder=\"240\" \/> pixels\r\n<\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n<div class=\"label\">Visible Thumbnails:<\/div>\r\n<div class=\"field\">\r\n\t<input type=\"hidden\" id=\"settings_id_3\" class=\"visible_settings_%comp_id$s\" value=\"%3$s\" \/>\r\n\t<script type=\"text\/javascript\">\r\n\t\tvar input_width = jQuery('#comp_conf_%comp_id$s #settings_id_1')\r\n\t\tvar init_width = input_width.val();\r\n\r\n\t\tvar img = jQuery('#portfolio_%comp_id$s img').eq(0);\r\n\r\n\t\tif (img.length !== 0) {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').val(img.width());\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').val(img.height());\r\n\t\t}\r\n\r\n\t\tjQuery('#visible_slider_%comp_id$s').slider({\r\n\t\t\tvalue:5, min: 1, max: 5, step: 1,\r\n\t\t\tslide: function(event, ui) {\r\n\t\t\t\tjQuery('.visible_settings_%comp_id$s').val(ui.value).change();\r\n\t\t\t\tjQuery('#visible_info_%comp_id$s').text(ui.value);\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\tif ('%3$s' != '') {\r\n\t\t\tvar value_%comp_id$s = '%3$s';\r\n\t\t} else if($('[name=\"template_id\"]').val() == 7){\r\n\t\t\tvar value_%comp_id$s = 2;\r\n\t\t}else{\r\n                        var value_%comp_id$s = 3;\r\n                }\r\n\t\t\r\n\t\tjQuery('#visible_slider_%comp_id$s').slider({\r\n\t\t    value: value_%comp_id$s,\r\n\t\t    change: function() {\r\n\t\t    \tif (input_width.val() == init_width) {\r\n\t\t    \t\tvar bwidth = jQuery('#page_comp_id_%comp_id$s').parent().width();\r\n\t\t\t\t\tvar ivis = parseInt(jQuery('#comp_conf_%comp_id$s #settings_id_3').val());\r\n\t\t\t\t\tvar mwidth = parseInt((bwidth - (ivis*17)) \/ ivis);\t\r\n\t\t\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').val(mwidth);\r\n\t\t    \t}\r\n\t\t    }\r\n\t\t});\r\n\t\tjQuery('#visible_info_%comp_id$s').text(value_%comp_id$s);\r\n\t\tjQuery('.visible_settings_%comp_id$s').val(value_%comp_id$s);\r\n\t<\/script>\r\n\t<div id=\"visible_info_%comp_id$s\" class=\"slider_info\">5<\/div>\r\n\t<div id=\"visible_slider_%comp_id$s\" class=\"slider\"><\/div>\r\n<\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n<div class=\"tip_block hidden\">\r\n\t<div class=\"title\">Tip:<\/div>\r\n\t<div class=\"text\">You need to choose or upload images before saving this component. <\/div>\r\n<\/div>\r\n<div class=\"bottom_button wide\" onclick=\"gallery.openGalleryBox(false, false, save_func_%comp_id$s);jQuery('#current_image').css('display','none');jQuery('#current_image.only_max_size').css('display','block');\">Choose images<\/div>\r\n<input type=\"hidden\" id=\"settings_id_1000\" value=\"%1000$s\" \/>\r\n<script type=\"text\/javascript\">\r\n\tvar files = jQuery('#comp_conf_%comp_id$s #settings_id_1000').attr('value');\r\n\r\n\tif (files === undefined) {\r\n\t\tif (window.files_%comp_id$s !== undefined) {\r\n\t\t\tfiles = files_%comp_id$s;\r\n\t\t} else {\r\n\t\t\tfiles = [];\r\n\t\t}\r\n\t} else if(files.indexOf(',') === -1) {\r\n\t\tfiles = [jQuery('#comp_conf_%comp_id$s #settings_id_1000').attr('value')];\r\n\t}else{\r\n            files = files.split(',');\r\n        }\r\n\t\r\n\tgallery.uncheckAllImages();\r\n\tif (files.length > 0) {\r\n\t\tgallery.checkImages(files);\r\n\t} else {\r\n\t\tgallery.uncheckAllImages();\r\n\t}\r\n\t\r\n\twindow.save_func_%comp_id$s = function(e) {\r\n\t\tif (gallery.files.length < jQuery('#visible_slider_%comp_id$s').slider('value')) {\r\n\t\t\tjQuery('#visible_slider_%comp_id$s').slider('value', gallery.files.length);\r\n\t\t\tjQuery('.visible_settings_%comp_id$s').val(gallery.files.length).change();\r\n\t\t\tjQuery('#visible_info_%comp_id$s').text(gallery.files.length);\r\n\r\n\t\t}\r\n\t\tfor (var i in gallery.files) { \r\n                        if(gallery.files[i] !== undefined){\r\n\t\t\t   if (gallery.files[i].indexOf('gallery\/') === -1) {\r\n\t\t\t\tgallery.files[i] = 'gallery\/' + gallery.files[i];\r\n\t\t\t   }\r\n                        }\r\n\t\t}\r\n\t\t\r\n\t\tif(jQuery('#comp_conf_%comp_id$s #settings_id_1').val() != ''){\r\n\t\t    var comp_width = parseInt(jQuery('#comp_conf_%comp_id$s #settings_id_1').val());\r\n\t\t    if(comp_width > 0 && (comp_width*0.6) > gallery.min_width){\r\n\t\t\tbuilder_short.confirm('Looks like the image you uploaded is too small. The best size is  '+comp_width+'px. Would you like to proceed with the current image?',function(result){\r\n\t\t\t    if(result){\r\n\t\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1000').attr('value', gallery.files);\r\n\t\t\t\tgallery.closeGalleryBox();\r\n\t\t\t    }else{\r\n\t\t\t\tjQuery('#comp_conf_%comp_id$s .bottom_button.wide').triggerHandler('click');\r\n\t\t\t\treturn false;\r\n\t\t\t    }\t\t\t    \r\n\t\t\t});\r\n\t\t    }else{\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1000').attr('value', gallery.files);\r\n\t\t    }\r\n\t\t}\t\t\r\n\t\treturn false;\r\n\t}\r\n\t\r\n\tjQuery('#comp_conf_%comp_id$s').off('save').on('save', function() {\r\n\t\tvar errors_%comp_id$s = false;\r\n\t\tvar bwidth = jQuery('#page_comp_id_%comp_id$s').parent().width();\r\n\t\tvar ivis = parseInt(jQuery('#comp_conf_%comp_id$s #settings_id_3').val());\r\n\t\tvar iwidth = parseInt(jQuery('#comp_conf_%comp_id$s #settings_id_1').val()) + 17;\r\n\t\t\r\n\t\tif (!gallery.files || gallery.files == '') {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s .tip_block').removeClass('hidden');\r\n\t\t\terrors_%comp_id$s = true;\r\n\t\t} else {\r\n\t\t\terrors_%comp_id$s = false;\r\n\t\t}\t\t\r\n\t\t\r\n\t\tif (bwidth < (iwidth*ivis)){\r\n\t\t    var mvisible = parseInt(bwidth\/iwidth);\r\n\t\t    var mwidth = parseInt((bwidth - (ivis*17)) \/ ivis);\t    \r\n\t\t    \r\n\t\t    builder.alert('You can have '+mvisible+' visible item(s) with the width entered. If you want to keep the same number of items please change width to '+mwidth+' pixels');\r\n\t\t    jQuery('#comp_conf_%comp_id$s').data('saveable', false);\r\n\t\t    return false;\r\n\t\t}\r\n\t\t\r\n\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_1').val() == '') {\r\n\t\t\terrors_%comp_id$s = true;\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').addClass('error');\r\n\t\t} else {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_1').removeClass('error');\r\n\t\t}\r\n\t\t\r\n\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_2').val() == '') {\r\n\t\t\terrors_%comp_id$s = true;\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').addClass('error');\r\n\t\t} else {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_2').removeClass('error');\r\n\t\t}\r\n\t\t\r\n\t\tif (errors_%comp_id$s) {\r\n\t\t\tbuilder.alert('Choose images before saving and make sure that all fields are filled out correctly');\r\n\t\t\tjQuery('#comp_conf_%comp_id$s').data('saveable', false);\r\n\t\t} else {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s').data('saveable', true);\r\n\t\t}\r\n\t});\r\n<\/script>","hidden":"0","faq_video":""},{"id":"17","title":"Spacer","description":"Spacer","icon":"spacer.png","code":"<div style=\"height: %1$spx;\"><\/div>","sizes":"auto,-30","settings":"","settings_":"<div class=\"label\" style=\"width: 87px; margin-top: 10px;\">Height:<\/div>\r\n<div class=\"field\" style=\"margin-top: 10px;\"><input type=\"text\" id=\"settings_id_1\" value=\"%1$s\" placeholder=\"30\" \/>&nbsp;pixels<\/div>\r\n<script type=\"text\/javascript\">\r\n   if(\"%1$s\" == \"\"){\r\n      jQuery('#comp_conf_%comp_id$s #settings_id_1').val('30');\r\n   }\r\n<\/script>","hidden":"0","faq_video":""},{"id":"18","title":"FAQ","description":"FAQ","icon":"faq.png","code":"<script type=\"text\/javascript\">\r\njQuery(function(){\r\n\tif ('%1$s' !== '') {\r\n\t\tvar v_data_%comp_id$s = JSON.parse(unescape('%1$s'));\r\n\t} else {\r\n\t\tvar v_data_%comp_id$s = [];\r\n\t}\r\n\r\n\tvar t_block_%comp_id$s = jQuery('#faq_%comp_id$s');\r\n\tfor (var i in v_data_%comp_id$s) {\r\n\t\tif (v_data_%comp_id$s[i][0] == 0) {\r\n\t\t\tcontinue;\r\n\t\t}\r\n                builder.statusForModal(%comp_id$s,'Added');\r\n\t\tjQuery('<div class=\"question\"\/>').html(v_data_%comp_id$s[i][1]).appendTo(t_block_%comp_id$s);\r\n\t\tjQuery('<div class=\"answer\"\/>').html(v_data_%comp_id$s[i][2]).appendTo(t_block_%comp_id$s);\r\n\t\tjQuery('<div class=\"clear\" \/>').appendTo(t_block_%comp_id$s);\r\n\t}\r\n});\r\n\r\n<\/script>\r\n\r\n<div id=\"faq_%comp_id$s\"><\/div>","sizes":"-200,-100","settings":"","settings_":"<script type=\"text\/javascript\">\r\n\tvar fields_%comp_id$s = [{title:'Question',type:'rich',validate:'notempty', limit: 100},{title:'Answer',type:'rich',validate:'notempty', limit: 200}];\r\n\t\r\n\tif ('%1$s' !== '') {\r\n\t\tvar data_%comp_id$s = JSON.parse(unescape('%1$s'));\r\n\t} else {\r\n\t\tvar data_%comp_id$s = [];\r\n\t}\r\n\r\n\tvar window_%comp_id$s = $('#comp_conf_%comp_id$s').data('fields', fields_%comp_id$s);\r\n\t\r\n\tvar window_%comp_id$s = $('#comp_conf_%comp_id$s');\r\n\t\r\n\twindow_%comp_id$s.attr('is_paged_by_default', 'true');\r\n\t\r\n\tvar list_%comp_id$s = builder.componentsTools.buildSpecialWindowList(window_%comp_id$s);\r\n\tvar controls_%comp_id$s = builder.componentsTools.buildSpecialWindowControls(fields_%comp_id$s);\r\n\t\r\n\tbuilder.componentsTools.changeWindowWidth(window_%comp_id$s, 800);\r\n\r\n\tvar mw_content_%comp_id$s = window_%comp_id$s.find('.mw_content');\r\n\tmw_content_%comp_id$s.append(list_%comp_id$s).append(controls_%comp_id$s);\r\n\t\r\n\tbuilder.componentsTools.specialWindowPost(window_%comp_id$s);\r\n\tbuilder.componentsTools.refreshSpecialWindowsPagerState(window_%comp_id$s);\r\n\tbuilder.componentsTools.alignCenter(window_%comp_id$s);\r\n<\/script>\r\n<input type=\"hidden\" id=\"settings_id_1_%comp_id$s\" class=\"s_window_input settings_id_1_%comp_id$s\" value=\"%1$s\" \/>","hidden":"0","faq_video":"https:\/\/www.youtube.com\/watch?v=M4a18SRbqdo"},{"id":"19","title":"Coupons \/ Promotions","description":"Coupons \/ Promotions","icon":"coupon.png","code":"<script type=\"text\/javascript\">\r\n   \r\njQuery(window).off('load.ns%comp_id$s').on('load.ns%comp_id$s', function(){\r\n\tif ('%1$s' !== '') {\r\n\t\tvar coupons_data_%comp_id$s = JSON.parse(unescape('%1$s'));\r\n\t} else {\r\n\t\tvar coupons_data_%comp_id$s = [];\r\n\t}\r\n\t\r\n\tif (coupons_data_%comp_id$s == '') {\r\n\t\treturn;\r\n\t}\r\n\t\r\n\tvar coupons_%comp_id$s_width = jQuery('#page_comp_id_%comp_id$s').width();\r\n\t\r\n\tvar coupons_%comp_id$s = jQuery('#tickets_%comp_id$s');\r\n\tcoupons_%comp_id$s.html('');\r\n\tvar c_ul_%comp_id$s = $('<ul\/>');\r\n\r\n\tfor (var i in coupons_data_%comp_id$s) {\r\n\t\tif (coupons_data_%comp_id$s[i][0] == 0) {\r\n\t\t\tcontinue;\r\n\t\t}\r\n                builder.statusForModal(%comp_id$s,'Added');\r\n\r\n                var view_data = (coupons_data_%comp_id$s[i][2] !== '' && coupons_data_%comp_id$s[i][2] !== undefined)?jQuery('<a href=\"' + coupons_data_%comp_id$s[i][2] + '\" data-ahref=\"' + coupons_data_%comp_id$s[i][2] + '\" target=\"blank_\" title=\"View this coupon\" class=\"print\"\/>').text('View'):'';\r\n\t\t$('<li\/>').append(\r\n\t\t\tjQuery('<div class=\"coupon\"\/>').html(coupons_data_%comp_id$s[i][1]),                        \r\n\t\t\tview_data\r\n\t\t).css('width', coupons_%comp_id$s_width).appendTo(c_ul_%comp_id$s);\r\n\t}\r\n\r\n\tcoupons_%comp_id$s.append(\r\n\t\tjQuery('<div\/>').attr('class', 'jcarousel-container jcarousel-container-horizontal').append(\r\n\t\t\tjQuery('<div\/>').attr('class', 'jcarousel-clip jcarousel-clip-horizontal').append(\r\n\t\t\t\tc_ul_%comp_id$s\r\n\t\t\t)\r\n\t\t)\r\n\t);\r\n\r\n\tvar max_height_%comp_id$s = 0;\r\n\r\n\tjQuery(coupons_%comp_id$s).find('li').each(function(index, li){\r\n\t\tjQuery(li).width(coupons_%comp_id$s_width - 16);\r\n\r\n\t\tif (jQuery(li).height() > max_height_%comp_id$s) {\r\n\t\t\tmax_height_%comp_id$s = jQuery(li).height();\r\n\t\t}\r\n\t\t\r\n\t\tjQuery(li).on('click',function(){\r\n\t\t    jQuery(coupons_%comp_id$s).find('.jcarousel-next:not(.jcarousel-next-disabled)').trigger('click');\r\n\t\t    \r\n\t\t    if(jQuery(coupons_%comp_id$s).find('.jcarousel-next:not(.jcarousel-next-disabled)').size() == 0){\r\n\t\t\tjQuery(coupons_%comp_id$s).find('ul').jcarousel('scroll', 0);\r\n\t\t    }else{\r\n\t\t\tjQuery(coupons_%comp_id$s).find('.jcarousel-next:not(.jcarousel-next-disabled)').trigger('click');\r\n\t\t    }\r\n\t\t    \r\n\t\t});\r\n\t});\r\n\r\n\tvar all_width_%comp_id$s = coupons_%comp_id$s_width;\r\n\tjQuery(coupons_%comp_id$s).find('ul').css('width', (coupons_%comp_id$s_width) * coupons_data_%comp_id$s.length);\r\n\tjQuery(coupons_%comp_id$s).find('.jcarousel-container-horizontal, .jcarousel-clip').css({\r\n\t\twidth: all_width_%comp_id$s,\r\n\t});\r\n\r\n\r\n        if(jQuery(coupons_%comp_id$s).find('ul').width() != '0'){\r\n\t   jQuery(coupons_%comp_id$s).find('ul').jcarousel({\r\n\t\tscroll: 1,\r\n\t\tvisible: 1\r\n\t   });\r\n        }\r\n});\t\r\n<\/script>\r\n<div id=\"tickets_%comp_id$s\"><\/div>","sizes":"480,auto","settings":"","settings_":"<script type=\"text\/javascript\">\r\n\tvar fields_%comp_id$s = [{title:'Text',type:'rich',validate:'notempty'},{title:'File',type:'file'}];\r\n\t\r\n\tif ('%1$s' !== '') {\r\n\t\tvar data_%comp_id$s = JSON.parse(unescape('%1$s'));\r\n\t} else {\r\n\t\tvar data_%comp_id$s = [];\r\n\t}\r\n\t\r\n\tvar window_%comp_id$s = $('#comp_conf_%comp_id$s').data('fields', fields_%comp_id$s);\r\n\t\r\n\twindow_%comp_id$s.attr('is_paged_by_default', 'true');\r\n\t\r\n\tvar list_%comp_id$s = builder.componentsTools.buildSpecialWindowList(window_%comp_id$s);\r\n\tvar controls_%comp_id$s = builder.componentsTools.buildSpecialWindowControls(fields_%comp_id$s, jQuery('#page_comp_id_%comp_id$s'));\r\n\r\n\tbuilder.componentsTools.changeWindowWidth(window_%comp_id$s, 800);\r\n\t\r\n\tvar mw_content_%comp_id$s = window_%comp_id$s.find('.mw_content');\r\n\tmw_content_%comp_id$s.append(list_%comp_id$s).append(controls_%comp_id$s);\r\n\t\r\n\tbuilder.componentsTools.specialWindowPost(window_%comp_id$s);\r\n\tbuilder.componentsTools.refreshSpecialWindowsPagerState(window_%comp_id$s);\r\n\tbuilder.componentsTools.alignCenter(window_%comp_id$s);\r\n<\/script>\r\n<input type=\"hidden\" id=\"settings_id_1_%comp_id$s\" class=\"s_window_input settings_id_1_%comp_id$s\" value=\"%1$s\" \/>","hidden":"0","faq_video":""},{"id":"20","title":"Gallery Organizer","description":"Gallery Organizer","icon":"gallery.png","code":"","sizes":"auto,auto,unresizable","settings":"","settings_":"","hidden":"0","faq_video":"http:\/\/www.youtube.com\/watch?v=HvOlUnq6yBo"},{"id":"21","title":"Widget","description":"Widget","icon":"connections.png","code":"<script type=\"text\/javascript\">\t\r\n\tif(jQuery(\"#bottom_bar .save\").size() > 0){\r\n\t    if(builder.widget_save != '%comp_id$s'){\r\n\t\tbuilder.widget_save = '%comp_id$s';\r\n\t\tjQuery(\"#bottom_bar .save\").addClass('auto');\r\n\t\tjQuery(\"#bottom_bar .save\").trigger('click');\r\n\t\tjQuery(\"#bottom_bar .save\").removeClass('auto');\r\n\t    }\r\n\t}\r\n\t\r\n\tvar iframe = jQuery('<iframe \/>').css({\r\n\t    width: %1$s,\r\n\t    height: %2$s,\r\n\t    border: 'none',\r\n\t    display: 'block',\r\n\t    margin: '0 auto'\r\n\t}).attr('src','\/index\/getWidget?web_name='+gallery.website_name+'&comp_id=%comp_id$s');\r\n\t\r\n\tjQuery('#page_comp_id_%comp_id$s #iframe_%comp_id$s').html(iframe);\r\n\t\r\n<\/script>\r\n<div id=\"iframe_%comp_id$s\"><\/div>","sizes":"auto,auto","settings":"","settings_":"<div class=\"label\" style=\"margin-top: 10px; margin-right: 10px;\">Width:<\/div>\r\n<div class=\"field\" style=\"margin-top: 10px;\"><input type=\"text\" id=\"settings_id_1\" value=\"%1$s\" placeholder=\"300\" \/> px<\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n\r\n<div class=\"label\" style=\"margin-right: 10px;\">Height:<\/div>\r\n<div class=\"field\"><input type=\"text\" id=\"settings_id_2\" value=\"%2$s\" placeholder=\"600\" \/> px<\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n\r\n<div class=\"label\" style=\"margin-right: 10px;\">Widget data:<\/div>\r\n<div class=\"field\">\r\n   <div class=\"field\"><textarea id=\"settings_id_3\">%3$s<\/textarea><\/div> \r\n<\/div>\r\n<div class=\"clear spacer\"><\/div>\r\n\r\n<script type=\"text\/javascript\">\t\t\r\n\tjQuery('#comp_conf_%comp_id$s').off('save').on('save', function() {\r\n\t\tvar errors_%comp_id$s = false;\r\n\t\t\r\n\t\tvar set_3 = jQuery('#comp_conf_%comp_id$s #settings_id_3').val();\r\n\t\tset_3 = set_3.replace(\/\\<textarea\\>\/gi,'');\r\n\t\tset_3 = set_3.replace(\/\\<\\\/textarea\\>\/gi,'');\r\n\t\tjQuery('#comp_conf_%comp_id$s #settings_id_3').val(set_3);\r\n                \t\t\r\n\t\tif(parseInt(jQuery('#comp_conf_%comp_id$s #settings_id_1').val()) < 0){\r\n\t\t    errors_%comp_id$s = true;\r\n\t\t    jQuery('#comp_conf_%comp_id$s #settings_id_1').addClass('error');\r\n\t\t}else{\r\n\t\t    jQuery('#comp_conf_%comp_id$s #settings_id_1').removeClass('error');\r\n\t\t}\r\n\t\t\r\n\t\tif(parseInt(jQuery('#comp_conf_%comp_id$s #settings_id_2').val()) < 0){\r\n\t\t    errors_%comp_id$s = true;\r\n\t\t    jQuery('#comp_conf_%comp_id$s #settings_id_2').addClass('error');\r\n\t\t}else{\r\n\t\t    jQuery('#comp_conf_%comp_id$s #settings_id_2').removeClass('error');\r\n\t\t}\r\n\t\t\r\n\t\tif (jQuery('#comp_conf_%comp_id$s #settings_id_3').val() == '') {\r\n\t\t\terrors_%comp_id$s = true;\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_3').addClass('error');\r\n\t\t} else {\r\n\t\t\tjQuery('#comp_conf_%comp_id$s #settings_id_3').removeClass('error');\r\n\t\t}\t\t\r\n\t});\t\r\n<\/script>","hidden":"0","faq_video":""}]