bigblimpin -

Add New Row

Edit Element Clone Element Advanced Element Options Move Remove Element

[images style="0" image="http%3A%2F%2Fwww.fanbassentertainment.com%2Fwp-content%2Fuploads%2F2016%2F04%2FFanbass_Logotagline_rectangle_Fullcolornobck-1024×473.png" custom_width="Y" width="1024" custom_width_val="800" align="center"]

Add Element

Add New Row

Edit Element Clone Element Advanced Element Options Move Remove Element

[video_player type="youtube" width="600" height="400" align="center" margin_top="0" margin_bottom="0"]aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1uQTl4UEFtMFZMNA==[/video_player]

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

Do you want to hear an even crazier song?

[headline style="1" font_size="35" font_style="normal" font_color="%23ffc600" align="center"]<span style="font-family: zhafira; font-size: 36pt;">Do you want to hear an even crazier song?</span>[/headline]

Edit Element Clone Element Advanced Element Options Move Remove Element

[text_block style=”style_1.png” align=”left” font_size=”15″ font_color=”%23eeebdd” bottom_padding=”0″ bottom_margin=”0″ width=”364″ line_height=”22″]Get instant access to a fan favourite from the Skinny Blimps album. There may not be Volkswagen Beetles, but there sure is a lot of other crazy stuff going on![/text_block]

[text_block style="style_1.png" align="left" font_size="15" font_color="%23eeebdd" bottom_padding="0" bottom_margin="0" width="364" line_height="22"]Get instant access to a fan favourite from the Skinny Blimps album. There may not be Volkswagen Beetles, but there sure is a lot of other crazy stuff going on![/text_block]

Edit Element Clone Element Advanced Element Options Move Remove Element

[headline style="1" align="center" headline_tag="h2"] [/headline]

Edit Parent Element Edit Element Clone Element Advanced Element Options Move Remove Element

[op_popup popup_width=”700″ popup_open_effect=”fade” popup_close_effect=”fade” popup_open_speed=”normal” popup_close_speed=”normal” popup_border_color=”#ffffff” popup_border_size=”15″ popup_padding_top=”20″ popup_padding_bottom=”20″ popup_padding_left=”30″ popup_padding_right=”30″ pop_trigger_dontshow=”0″ pop_trigger_time=”0″ pop_exit_intent=”N” pop_dont_show_on_tablet=”N” pop_dont_show_on_mobile=”N” popup_id=”op_popup_id_1459745994389″] [op_liveeditor_elements][/op_liveeditor_elements][/op_popup]

[op_popup_elements][op_popup_content_element data-style=""][optin_box style="7" alignment="center" action="https://fanbass.activehosted.com/proc.php" disable_name="Y" method="post" email_field="email" email_default="Enter your email address" integration_type="custom" double_optin="Y" name_default="Enter your first name" form_id="_form_3_" opm_packages=""][optin_box_hidden]<input type="hidden" name="u" value="3" /><input type="hidden" name="f" value="3" /><input type="hidden" name="s" value="" /><input type="hidden" name="c" value="0" /><input type="hidden" name="m" value="0" /><input type="hidden" name="act" value="sub" /><input type="hidden" name="v" value="2" />[/optin_box_hidden][optin_box_code]<div style="display:none"><p></p><br />
<form method="POST" action="https://fanbass.activehosted.com/proc.php" id="_form_3_" class="_form _form_3 _inline-form  _dark" novalidate><br />
  <input type="hidden" name="u" value="3" /><br /><br />
  <input type="hidden" name="f" value="3" /><br /><br />
  <input type="hidden" name="s" /><br /><br />
  <input type="hidden" name="c" value="0" /><br /><br />
  <input type="hidden" name="m" value="0" /><br /><br />
  <input type="hidden" name="act" value="sub" /><br /><br />
  <input type="hidden" name="v" value="2" /></p><br />
<div class="_form-content"><br />
<div class="_form_element _x68417923 _full_width " ><br />
      <label class="_form-label"><br /><br />
        Email*<br /><br />
      </label><br /><br />
      <input type="text" name="email" placeholder="Type your email" required/><br />
    </div><br />
<div class="_button-wrapper _full_width"><br />
      <button id="_form_3_submit" class="_submit" type="submit"><br /><br />
        Submit<br /><br />
      </button><br />
    </div><br />
<div class="_clear-element"><br />
    </div><br />
</div><br />
<div class="_form-thank-you" style="display:none;"><br />
  </div><br />
<div class="_form-branding"><br />
<div class="_marketing-by"><br />
      Marketing by<br />
    </div><br />
<p>    <a href="http://www.activecampaign.com" class="_logo"></a><br />
  </div><br />
</form><br />
<p><script type="text/javascript"><br />
window._show_thank_you = function(id, message, trackcmp_url) {<br />
  var form = document.getElementById('_form_' + id + '_'), thank_you = form.getElementsByClassName('_form-thank-you')[0];<br />
  form.getElementsByClassName('_form-content')[0].style.visibility = 'hidden';<br />
  thank_you.innerHTML = message;<br />
  thank_you.style.display = 'block';<br />
  if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {<br />
    // Site tracking URL to use after inline form submission.<br />
    _load_script(trackcmp_url);<br />
  }<br />
};<br />
window._replace_captcha = function(id, html) {<br />
  var recaptcha = document.getElementById('_form_' + id + '_').getElementsByTagName('recaptcha')[0],<br />
    div = document.createElement('div');<br />
  div.innerHTML = html;<br />
  recaptcha.parentNode.appendChild(div);<br />
  recaptcha.parentNode.removeChild(recaptcha);<br />
};<br />
window._show_error = function(id, message, html) {<br />
  var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.getElementsByTagName('button')[0];<br />
  err.innerHTML = message;<br />
  err.className = '_error-inner _form_error _no_arrow';<br />
  var wrapper = document.createElement('div');<br />
  wrapper.className = '_form-inner';<br />
  wrapper.appendChild(err);<br />
  button.parentNode.insertBefore(wrapper, button);<br />
  if (html) {<br />
    var div = document.createElement('div');<br />
    div.className = '_error-html';<br />
    div.innerHTML = html;<br />
    err.appendChild(div);<br />
  }<br />
};<br />
window._load_script = function(url, callback) {<br />
    var head = document.getElementsByTagName('head')[0], script = document.createElement('script'), r = false;<br />
    script.type = 'text/javascript';<br />
    script.charset = 'utf-8';<br />
    script.src = url;<br />
    if (callback) {<br />
      script.onload = script.onreadystatechange = function() {<br />
      if (!r && (!this.readyState || this.readyState == 'complete')) {<br />
        r = true;<br />
        callback();<br />
        }<br />
      };<br />
    }<br />
    head.appendChild(script);<br />
};<br />
(function() {<br />
  var getCookie = function(name) {<br />
    var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));<br />
    return match ? match[2] : null;<br />
  }<br />
  var setCookie = function(name, value) {<br />
    var now = new Date();<br />
    var time = now.getTime();<br />
    var expireTime = time + 1000 * 60 * 60 * 24 * 365;<br />
    now.setTime(expireTime);<br />
    document.cookie = name + '=' + value + '; expires=' + now + ';path=/';<br />
  }<br />
      var addEvent = function(element, event, func) {<br />
    if (element.addEventListener) {<br />
      element.addEventListener(event, func);<br />
    } else {<br />
      var oldFunc = element['on' + event];<br />
      element['on' + event] = function() {<br />
        oldFunc.apply(this, arguments);<br />
        func.apply(this, arguments);<br />
      };<br />
    }<br />
  }<br />
  var _removed = false;<br />
  var form_to_submit = document.getElementById('_form_3_');<br />
  var allInputs = form_to_submit.querySelectorAll('input, select'), tooltips = [], submitted = false;<br />
  var remove_tooltips = function() {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
    }<br />
      tooltips = [];<br />
  };<br />
  var remove_tooltip = function(elem) {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (tooltips[i].elem === elem) {<br />
        tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
        tooltips.splice(i, 1);<br />
        return;<br />
      }<br />
    }<br />
  };<br />
  var create_tooltip = function(elem, text) {<br />
    var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {};<br />
    if (elem.type != 'radio' && elem.type != 'checkbox') {<br />
      tooltip.className = '_error';<br />
      arrow.className = '_error-arrow';<br />
      inner.className = '_error-inner';<br />
      inner.innerHTML = text;<br />
      tooltip.appendChild(arrow);<br />
      tooltip.appendChild(inner);<br />
      elem.parentNode.appendChild(tooltip);<br />
    } else {<br />
      tooltip.className = '_error-inner _no_arrow';<br />
      tooltip.innerHTML = text;<br />
      elem.parentNode.insertBefore(tooltip, elem);<br />
      new_tooltip.no_arrow = true;<br />
    }<br />
    new_tooltip.tip = tooltip;<br />
    new_tooltip.elem = elem;<br />
    tooltips.push(new_tooltip);<br />
    return new_tooltip;<br />
  };<br />
  var resize_tooltip = function(tooltip) {<br />
    var rect = tooltip.elem.getBoundingClientRect();<br />
    var doc = document.documentElement, scrollPosition = rect.top – ((window.pageYOffset || doc.scrollTop)  – (doc.clientTop || 0));<br />
    if (scrollPosition < 40) {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';<br />
    } else {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';<br />
    }<br />
  };<br />
  var resize_tooltips = function() {<br />
    if (_removed) return;<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);<br />
    }<br />
  };<br />
  var validate_field = function(elem, remove) {<br />
    var tooltip = null, value = elem.value, no_error = true;<br />
    remove ? remove_tooltip(elem) : false;<br />
    if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');<br />
    if (elem.getAttribute('required') !== null) {<br />
      if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {<br />
        var elems = form_to_submit.elements[elem.name];<br />
        no_error = false;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].checked) no_error = true;<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (elem.type =='checkbox') {<br />
        var elems = form_to_submit.elements[elem.name], found = false, err = [];<br />
        no_error = true;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].getAttribute('required') === null) continue;<br />
          if (!found && elems[i] !== elem) return true;<br />
          found = true;<br />
          elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');<br />
          if (!elems[i].checked) {<br />
            no_error = false;<br />
            elems[i].className = elems[i].className + ' _has_error';<br />
            err.push("Checking %s is required".replace("%s", elems[i].value));<br />
          }<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, err.join('<br/>'));<br />
        }<br />
      } else if (elem.tagName == 'SELECT') {<br />
        var selected = true;<br />
        if (elem.multiple) {<br />
          selected = false;<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected) {<br />
              selected = true;<br />
              break;<br />
            }<br />
          }<br />
        } else {<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected && !elem.options[i].value) {<br />
              selected = false;<br />
            }<br />
          }<br />
        }<br />
        if (!selected) {<br />
          no_error = false;<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (value === undefined || value === null || value === '') {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "This field is required.");<br />
      }<br />
    }<br />
    if (no_error && elem.name == 'email') {<br />
      if (!value.match(/^[+_a-z0-9-'&=]+(.[+_a-z0-9-']+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$/i)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid email address.");<br />
      }<br />
    }<br />
    if (no_error && /date_field/.test(elem.className)) {<br />
      if (!value.match(/^dddd-dd-dd$/)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid date.");<br />
      }<br />
    }<br />
    tooltip ? resize_tooltip(tooltip) : false;<br />
    return no_error;<br />
  };<br />
  var needs_validate = function(el) {<br />
    return el.name == 'email' || el.getAttribute('required') !== null;<br />
  };<br />
  var validate_form = function(e) {<br />
    var err = form_to_submit.getElementsByClassName('_form_error')[0], no_error = true;<br />
    err ? err.parentNode.removeChild(err) : false;<br />
    if (!submitted) {<br />
      submitted = true;<br />
      for (var i = 0, len = allInputs.length; i < len; i++) {<br />
        var input = allInputs[i];<br />
        if (needs_validate(input)) {<br />
          if (input.type == 'text') {<br />
            addEvent(input, 'input', function() {<br />
              validate_field(this, true);<br />
            });<br />
          } else if (input.type == 'radio' || input.type == 'checkbox') {<br />
            (function(el) {<br />
              var radios = form_to_submit.elements[el.name];<br />
              for (var i = 0; i < radios.length; i++) {<br />
                addEvent(radios[i], 'click', function() {<br />
                  validate_field(el, true);<br />
                });<br />
              }<br />
            })(input);<br />
          } else if (input.tagName == 'SELECT') {<br />
            addEvent(input, 'change', function() {<br />
              validate_field(input, true);<br />
            });<br />
          }<br />
        }<br />
      }<br />
    }<br />
    remove_tooltips();<br />
    for (var i = 0, len = allInputs.length; i < len; i++) {<br />
      var elem = allInputs[i];<br />
      if (needs_validate(elem)) {<br />
        validate_field(elem) ? true : no_error = false;<br />
      }<br />
    }<br />
    if (!no_error && e) {<br />
      e.preventDefault();<br />
    }<br />
    resize_tooltips();<br />
    return no_error;<br />
  };<br />
  addEvent(window, 'resize', resize_tooltips);<br />
  addEvent(window, 'scroll', resize_tooltips);<br />
  var form_submit = function(e) {<br />
    e.preventDefault();<br />
    if (validate_form()) {<br />
            var serialized = _form_serialize(document.getElementById('_form_3_'));<br />
      _load_script('https://fanbass.activehosted.com/proc.php?' + serialized + '&jsonp=true');<br />
    }<br />
    return false;<br />
  };<br />
  addEvent(form_to_submit, 'submit', form_submit);<br />
  window._old_serialize = null;<br />
  if (typeof serialize !== 'undefined') window._old_serialize = window.serialize;<br />
  _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function() {<br />
    window._form_serialize = window.serialize;<br />
    if (window._old_serialize) window.serialize = window._old_serialize;<br />
  });<br />
})();<br />
</script></p><br />
</div>[/optin_box_code][optin_box_field name="headline"]Here's The Headline For The Box[/optin_box_field][optin_box_field name="paragraph"]TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gRG9uZWMgdmVsIG51bmMgbm9uIGxhY3VzIHZlbmVuYXRpcyBjb21tb2RvLg==[/optin_box_field][optin_box_field name="privacy"]We value your privacy and would never spam you[/optin_box_field][optin_box_field name="top_color"]undefined[/optin_box_field][optin_box_button type="1" text="Send me the song!" text_size="32" text_color="#000000" text_font="Montserrat;google" text_bold="Y" text_letter_spacing="0" text_shadow_panel="Y" text_shadow_vertical="1" text_shadow_horizontal="0" text_shadow_color="#ffc600" text_shadow_blur="0" styling_width="40" styling_height="30" styling_border_color="#000000" styling_border_size="1" styling_border_radius="6" styling_border_opacity="100" styling_shine="Y" styling_gradient_start_color="#ffff00" styling_gradient_end_color="#ffa035" drop_shadow_panel="Y" drop_shadow_vertical="1" drop_shadow_horizontal="0" drop_shadow_blur="1" drop_shadow_spread="0" drop_shadow_color="#000000" drop_shadow_opacity="50" inset_shadow_panel="Y" inset_shadow_vertical="0" inset_shadow_horizontal="0" inset_shadow_blur="0" inset_shadow_spread="1" inset_shadow_color="#ffff00" inset_shadow_opacity="50" location="optin_box_style_7" button_below="Y"]Send me the song![/optin_box_button] [/optin_box][/op_popup_content_element][/op_popup_elements]

[op_popup  popup_width="700" popup_open_effect="fade" popup_close_effect="fade" popup_open_speed="normal" popup_close_speed="normal" popup_border_color="#ffffff" popup_border_size="15" popup_padding_top="20" popup_padding_bottom="20" popup_padding_left="30" popup_padding_right="30" pop_trigger_dontshow="0" pop_trigger_time="0" pop_exit_intent="N" pop_dont_show_on_tablet="N" pop_dont_show_on_mobile="N" popup_id="op_popup_id_1459745994389"][op_popup_button][button_1 text="Let%20me%20listen!" text_size="32" text_color="#000000" text_font="Montserrat;google" text_bold="Y" text_letter_spacing="0" subtext_panel="N" text_shadow_panel="Y" text_shadow_vertical="1" text_shadow_horizontal="0" text_shadow_color="#ffc600" text_shadow_blur="0" styling_width="40" styling_height="30" styling_border_color="#000000" styling_border_size="1" styling_border_radius="6" styling_border_opacity="100" styling_shine="Y" styling_gradient_start_color="#ffff00" styling_gradient_end_color="#ffa035" drop_shadow_panel="Y" drop_shadow_vertical="1" drop_shadow_horizontal="0" drop_shadow_blur="1" drop_shadow_spread="0" drop_shadow_color="#000000" drop_shadow_opacity="50" inset_shadow_panel="Y" inset_shadow_vertical="0" inset_shadow_horizontal="0" inset_shadow_blur="0" inset_shadow_spread="1" inset_shadow_color="#ffff00" inset_shadow_opacity="50" align="center"/][/op_popup_button][op_popup_content][op_popup_content_element data-style=""][optin_box style="7" alignment="center" action="https://fanbass.activehosted.com/proc.php" disable_name="Y" method="post" email_field="email" email_default="Enter your email address" integration_type="custom" double_optin="Y" name_default="Enter your first name" form_id="_form_3_" opm_packages=""][optin_box_hidden]<input type="hidden" name="u" value="3" /><input type="hidden" name="f" value="3" /><input type="hidden" name="s" value="" /><input type="hidden" name="c" value="0" /><input type="hidden" name="m" value="0" /><input type="hidden" name="act" value="sub" /><input type="hidden" name="v" value="2" />[/optin_box_hidden][optin_box_code]<div style="display:none"><p></p><br />
<form method="POST" action="https://fanbass.activehosted.com/proc.php" id="_form_3_" class="_form _form_3 _inline-form  _dark" novalidate><br />
  <input type="hidden" name="u" value="3" /><br /><br />
  <input type="hidden" name="f" value="3" /><br /><br />
  <input type="hidden" name="s" /><br /><br />
  <input type="hidden" name="c" value="0" /><br /><br />
  <input type="hidden" name="m" value="0" /><br /><br />
  <input type="hidden" name="act" value="sub" /><br /><br />
  <input type="hidden" name="v" value="2" /></p><br />
<div class="_form-content"><br />
<div class="_form_element _x68417923 _full_width " ><br />
      <label class="_form-label"><br /><br />
        Email*<br /><br />
      </label><br /><br />
      <input type="text" name="email" placeholder="Type your email" required/><br />
    </div><br />
<div class="_button-wrapper _full_width"><br />
      <button id="_form_3_submit" class="_submit" type="submit"><br /><br />
        Submit<br /><br />
      </button><br />
    </div><br />
<div class="_clear-element"><br />
    </div><br />
</div><br />
<div class="_form-thank-you" style="display:none;"><br />
  </div><br />
<div class="_form-branding"><br />
<div class="_marketing-by"><br />
      Marketing by<br />
    </div><br />
<p>    <a href="http://www.activecampaign.com" class="_logo"></a><br />
  </div><br />
</form><br />
<p><script type="text/javascript"><br />
window._show_thank_you = function(id, message, trackcmp_url) {<br />
  var form = document.getElementById('_form_' + id + '_'), thank_you = form.getElementsByClassName('_form-thank-you')[0];<br />
  form.getElementsByClassName('_form-content')[0].style.visibility = 'hidden';<br />
  thank_you.innerHTML = message;<br />
  thank_you.style.display = 'block';<br />
  if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {<br />
    // Site tracking URL to use after inline form submission.<br />
    _load_script(trackcmp_url);<br />
  }<br />
};<br />
window._replace_captcha = function(id, html) {<br />
  var recaptcha = document.getElementById('_form_' + id + '_').getElementsByTagName('recaptcha')[0],<br />
    div = document.createElement('div');<br />
  div.innerHTML = html;<br />
  recaptcha.parentNode.appendChild(div);<br />
  recaptcha.parentNode.removeChild(recaptcha);<br />
};<br />
window._show_error = function(id, message, html) {<br />
  var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.getElementsByTagName('button')[0];<br />
  err.innerHTML = message;<br />
  err.className = '_error-inner _form_error _no_arrow';<br />
  var wrapper = document.createElement('div');<br />
  wrapper.className = '_form-inner';<br />
  wrapper.appendChild(err);<br />
  button.parentNode.insertBefore(wrapper, button);<br />
  if (html) {<br />
    var div = document.createElement('div');<br />
    div.className = '_error-html';<br />
    div.innerHTML = html;<br />
    err.appendChild(div);<br />
  }<br />
};<br />
window._load_script = function(url, callback) {<br />
    var head = document.getElementsByTagName('head')[0], script = document.createElement('script'), r = false;<br />
    script.type = 'text/javascript';<br />
    script.charset = 'utf-8';<br />
    script.src = url;<br />
    if (callback) {<br />
      script.onload = script.onreadystatechange = function() {<br />
      if (!r && (!this.readyState || this.readyState == 'complete')) {<br />
        r = true;<br />
        callback();<br />
        }<br />
      };<br />
    }<br />
    head.appendChild(script);<br />
};<br />
(function() {<br />
  var getCookie = function(name) {<br />
    var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));<br />
    return match ? match[2] : null;<br />
  }<br />
  var setCookie = function(name, value) {<br />
    var now = new Date();<br />
    var time = now.getTime();<br />
    var expireTime = time + 1000 * 60 * 60 * 24 * 365;<br />
    now.setTime(expireTime);<br />
    document.cookie = name + '=' + value + '; expires=' + now + ';path=/';<br />
  }<br />
      var addEvent = function(element, event, func) {<br />
    if (element.addEventListener) {<br />
      element.addEventListener(event, func);<br />
    } else {<br />
      var oldFunc = element['on' + event];<br />
      element['on' + event] = function() {<br />
        oldFunc.apply(this, arguments);<br />
        func.apply(this, arguments);<br />
      };<br />
    }<br />
  }<br />
  var _removed = false;<br />
  var form_to_submit = document.getElementById('_form_3_');<br />
  var allInputs = form_to_submit.querySelectorAll('input, select'), tooltips = [], submitted = false;<br />
  var remove_tooltips = function() {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
    }<br />
      tooltips = [];<br />
  };<br />
  var remove_tooltip = function(elem) {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (tooltips[i].elem === elem) {<br />
        tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
        tooltips.splice(i, 1);<br />
        return;<br />
      }<br />
    }<br />
  };<br />
  var create_tooltip = function(elem, text) {<br />
    var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {};<br />
    if (elem.type != 'radio' && elem.type != 'checkbox') {<br />
      tooltip.className = '_error';<br />
      arrow.className = '_error-arrow';<br />
      inner.className = '_error-inner';<br />
      inner.innerHTML = text;<br />
      tooltip.appendChild(arrow);<br />
      tooltip.appendChild(inner);<br />
      elem.parentNode.appendChild(tooltip);<br />
    } else {<br />
      tooltip.className = '_error-inner _no_arrow';<br />
      tooltip.innerHTML = text;<br />
      elem.parentNode.insertBefore(tooltip, elem);<br />
      new_tooltip.no_arrow = true;<br />
    }<br />
    new_tooltip.tip = tooltip;<br />
    new_tooltip.elem = elem;<br />
    tooltips.push(new_tooltip);<br />
    return new_tooltip;<br />
  };<br />
  var resize_tooltip = function(tooltip) {<br />
    var rect = tooltip.elem.getBoundingClientRect();<br />
    var doc = document.documentElement, scrollPosition = rect.top – ((window.pageYOffset || doc.scrollTop)  – (doc.clientTop || 0));<br />
    if (scrollPosition < 40) {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';<br />
    } else {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';<br />
    }<br />
  };<br />
  var resize_tooltips = function() {<br />
    if (_removed) return;<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);<br />
    }<br />
  };<br />
  var validate_field = function(elem, remove) {<br />
    var tooltip = null, value = elem.value, no_error = true;<br />
    remove ? remove_tooltip(elem) : false;<br />
    if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');<br />
    if (elem.getAttribute('required') !== null) {<br />
      if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {<br />
        var elems = form_to_submit.elements[elem.name];<br />
        no_error = false;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].checked) no_error = true;<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (elem.type =='checkbox') {<br />
        var elems = form_to_submit.elements[elem.name], found = false, err = [];<br />
        no_error = true;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].getAttribute('required') === null) continue;<br />
          if (!found && elems[i] !== elem) return true;<br />
          found = true;<br />
          elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');<br />
          if (!elems[i].checked) {<br />
            no_error = false;<br />
            elems[i].className = elems[i].className + ' _has_error';<br />
            err.push("Checking %s is required".replace("%s", elems[i].value));<br />
          }<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, err.join('<br/>'));<br />
        }<br />
      } else if (elem.tagName == 'SELECT') {<br />
        var selected = true;<br />
        if (elem.multiple) {<br />
          selected = false;<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected) {<br />
              selected = true;<br />
              break;<br />
            }<br />
          }<br />
        } else {<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected && !elem.options[i].value) {<br />
              selected = false;<br />
            }<br />
          }<br />
        }<br />
        if (!selected) {<br />
          no_error = false;<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (value === undefined || value === null || value === '') {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "This field is required.");<br />
      }<br />
    }<br />
    if (no_error && elem.name == 'email') {<br />
      if (!value.match(/^[+_a-z0-9-'&=]+(.[+_a-z0-9-']+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$/i)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid email address.");<br />
      }<br />
    }<br />
    if (no_error && /date_field/.test(elem.className)) {<br />
      if (!value.match(/^dddd-dd-dd$/)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid date.");<br />
      }<br />
    }<br />
    tooltip ? resize_tooltip(tooltip) : false;<br />
    return no_error;<br />
  };<br />
  var needs_validate = function(el) {<br />
    return el.name == 'email' || el.getAttribute('required') !== null;<br />
  };<br />
  var validate_form = function(e) {<br />
    var err = form_to_submit.getElementsByClassName('_form_error')[0], no_error = true;<br />
    err ? err.parentNode.removeChild(err) : false;<br />
    if (!submitted) {<br />
      submitted = true;<br />
      for (var i = 0, len = allInputs.length; i < len; i++) {<br />
        var input = allInputs[i];<br />
        if (needs_validate(input)) {<br />
          if (input.type == 'text') {<br />
            addEvent(input, 'input', function() {<br />
              validate_field(this, true);<br />
            });<br />
          } else if (input.type == 'radio' || input.type == 'checkbox') {<br />
            (function(el) {<br />
              var radios = form_to_submit.elements[el.name];<br />
              for (var i = 0; i < radios.length; i++) {<br />
                addEvent(radios[i], 'click', function() {<br />
                  validate_field(el, true);<br />
                });<br />
              }<br />
            })(input);<br />
          } else if (input.tagName == 'SELECT') {<br />
            addEvent(input, 'change', function() {<br />
              validate_field(input, true);<br />
            });<br />
          }<br />
        }<br />
      }<br />
    }<br />
    remove_tooltips();<br />
    for (var i = 0, len = allInputs.length; i < len; i++) {<br />
      var elem = allInputs[i];<br />
      if (needs_validate(elem)) {<br />
        validate_field(elem) ? true : no_error = false;<br />
      }<br />
    }<br />
    if (!no_error && e) {<br />
      e.preventDefault();<br />
    }<br />
    resize_tooltips();<br />
    return no_error;<br />
  };<br />
  addEvent(window, 'resize', resize_tooltips);<br />
  addEvent(window, 'scroll', resize_tooltips);<br />
  var form_submit = function(e) {<br />
    e.preventDefault();<br />
    if (validate_form()) {<br />
            var serialized = _form_serialize(document.getElementById('_form_3_'));<br />
      _load_script('https://fanbass.activehosted.com/proc.php?' + serialized + '&jsonp=true');<br />
    }<br />
    return false;<br />
  };<br />
  addEvent(form_to_submit, 'submit', form_submit);<br />
  window._old_serialize = null;<br />
  if (typeof serialize !== 'undefined') window._old_serialize = window.serialize;<br />
  _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function() {<br />
    window._form_serialize = window.serialize;<br />
    if (window._old_serialize) window.serialize = window._old_serialize;<br />
  });<br />
})();<br />
</script></p><br />
</div>[/optin_box_code][optin_box_field name="headline"]Here's The Headline For The Box[/optin_box_field][optin_box_field name="paragraph"]TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gRG9uZWMgdmVsIG51bmMgbm9uIGxhY3VzIHZlbmVuYXRpcyBjb21tb2RvLg==[/optin_box_field][optin_box_field name="privacy"]We value your privacy and would never spam you[/optin_box_field][optin_box_field name="top_color"]undefined[/optin_box_field][optin_box_button type="1" text="Send me the song!" text_size="32" text_color="#000000" text_font="Montserrat;google" text_bold="Y" text_letter_spacing="0" text_shadow_panel="Y" text_shadow_vertical="1" text_shadow_horizontal="0" text_shadow_color="#ffc600" text_shadow_blur="0" styling_width="40" styling_height="30" styling_border_color="#000000" styling_border_size="1" styling_border_radius="6" styling_border_opacity="100" styling_shine="Y" styling_gradient_start_color="#ffff00" styling_gradient_end_color="#ffa035" drop_shadow_panel="Y" drop_shadow_vertical="1" drop_shadow_horizontal="0" drop_shadow_blur="1" drop_shadow_spread="0" drop_shadow_color="#000000" drop_shadow_opacity="50" inset_shadow_panel="Y" inset_shadow_vertical="0" inset_shadow_horizontal="0" inset_shadow_blur="0" inset_shadow_spread="1" inset_shadow_color="#ffff00" inset_shadow_opacity="50" location="optin_box_style_7" button_below="Y"]Send me the song![/optin_box_button] [/optin_box][/op_popup_content_element][/op_popup_content][/op_popup]

Add Element

Add New Row

Add Element