var goalMeterProperty = {}
goalMeterProperty['markId'] = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
    let timestamp = new Date().getTime();
    let r = (timestamp + Math.random() * 16) % 16 | 0;
    timestamp = Math.floor(timestamp / 16);
    return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
})
goalMeterProperty['gmId'] = 'gm_' +  goalMeterProperty['markId']
goalMeterProperty['containerId'] = 'container_gm_' +  goalMeterProperty['markId']
goalMeterProperty['iframeId'] = 'iframe_gm_' +  goalMeterProperty['markId']
document.write('<div id="' + goalMeterProperty['gmId'] + '"></div>')
goalMeterProperty['container'] = document.getElementById(goalMeterProperty['gmId'])
goalMeterProperty['iframe'] = document.createElement('iframe')
goalMeterProperty['iframe'].src = 'https://secure.chicagoappleseed.org/nx/portal/goal-meter/92'
goalMeterProperty['iframe'].width = 344 + 'px'
goalMeterProperty['iframe'].height = 420 + 'px'
goalMeterProperty['iframe'].frameBorder = '1px solid #C0C8D7'
goalMeterProperty['iframe'].classList.add('goal-meter-iframe')
goalMeterProperty['iframe'].scrolling = 'auto'
goalMeterProperty['iframe'].id = goalMeterProperty['iframeId']
goalMeterProperty['iframe'].setAttribute('campaignId', '92')
goalMeterProperty['iframe'].onload = function postDomainUrl() {
   let url = 'https://' + location.hostname
   for (let i = 0; i < document.getElementsByClassName('goal-meter-iframe').length ; i ++) {
      let data = {domainUrl: url, iframeId: document.getElementsByClassName('goal-meter-iframe')[i]['id'], campaignId : document.getElementsByClassName('goal-meter-iframe')[i].getAttribute('campaignId')}
      this.contentWindow.postMessage(data, 'https://secure.chicagoappleseed.org')
   }
}
goalMeterProperty['container'].appendChild(goalMeterProperty['iframe'])
delete goalMeterProperty
document.write(`<style type="text/css">.goal-meter-iframe {
   border-radius: 4px;
   border: 1px solid #C0C8D7;
   box-shadow: 0px 1px 3px 0px rgba(47, 73, 117, 0.20), 0px 2px 2px 0px rgba(47, 73, 117, 0.12), 0px 0px 2px 0px rgba(47, 73, 117, 0.14);
 }
</style>
`);
               window.addEventListener('message', function(e) {
                    try {
                        if (e.data.target === 'skipTo') {
                            if (e.data.data) {
                               window.location.href = e.data.data
                            }            
                        } else if (e.data.target === 'changeHeight') {
                            console.log(e.data.data)
                            if (e.data.data.iframeId) {
                                document.getElementById(e.data.data.iframeId).height = e.data.data.height
                            }
                         } 
                    } catch(ignore) {
                    }
                });