Insert your new file text here.

<script>
var imageURLs = [];
var imageURLsIndex = 0;
var imageNum = 5;
var setName = "smallSet2";
var urlBase = "https://s3.amazonaws.com/facebook-political-ads/facebook_ads/";
  
function receiveMessage(event) {
  console.log("event detected");
  console.log(event);
  if (event.data == "round_started") {
    /*if(imageURLsIndex >= 1) {
      setConsumables("facebookAdImages", setName, imageURLs[imageURLsIndex - 1]);
    }*/
    
    alert("New ad round started in Qualtrics.");
    console.log("loading image " + imageURLsIndex);
    var imgString = "<img src='" + urlBase + imageURLs[imageURLsIndex] + "' />";
    console.log("Img string: " + imgString);
    $("#ad-img-container").html(imgString);
    //var qualFrame = document.getElementById("qualFrame").contentWindow;
    //qualFrame.postMessage({"img_src": imageURLs[imageURLsIndex++]}, "*");
  }
  if(event.data == "closeQSIWindow") {
    setConsumables("facebookAdImages", setName, imageURLs[imageURLsIndex]);
    imageURLsIndex++;
    startSurvey();
  }
}
  
function initialize() {
  $("#survey_title").html("Facebook Ads Survey");
  window.addEventListener("message", receiveMessage, false);
  
  getConsumables("facebookAdImages", setName, imageNum, function(data, err) {
    imageURLs = data;
    console.log(imageURLs);
  });
  
  startSurvey();
}

function startSurvey() {
  alert("staring survey");
  $("#qualFrame").attr("src","https://neu.co1.qualtrics.com/jfe/form/SV_6nUIvwkgngiA7Ih/"+"&testId="+seed+"&subjectId="+myid);
  $("#qualFrame").attr("height",500);
  $("#qualFrame").show();
}
</script>
<style>
  img {
    max-width: 100%;
    max-height: 100%;
}
  #container {
    width: 1200px;
   
    margin: auto;
}
#first {
    width: 400px;
    float: left;
    height: 500px;
        
}
#second {
    width: 800px;
    float: right;
    height: 700px;
   
}
  </style>
<h1 id="survey_title" style="margin-bottom: 45px" align = "center">Facebook Ads</h1>
<div id="container">
  
<div id="first"> <div id="ad-img-container">Image Here</div> </div>
<div id = "second">
<iframe id="qualFrame" 
  name="qualtrics" scrolling="auto" frameborder="no" align="center" 
  width="100%"
  height="100%"
  style="display: none;"></iframe>
    </div>
  
  </div>