<div class="site-header wide">
  <cfinclude template="/_partials/_top.cfm">
  <div class="hero wide">
    <!--- PAGE CONTENT GENERATED EVENTBOX IMAGES --->
    <!---  parameters  --->
    <cfset request.pc_content_id      = 1>
    <cfset request.pc_image_id        = 1>
    <cfset request.pc_link_id         = 2>
    <cfset request.pc_description_id  = 0>
    <cfset request.pc_video_id        = 0>
    <cfset request.css_main_class     = "rotator">
    <!--- end parameters --->
    
    <cfquery name="qry_pc_itm_#request.pc_content_id#" dbtype="query">
      select fld_name, fld_value, fld_itemlist_id from qry_pagexml where fld_content_id = #request.pc_content_id# order by fld_itemlist_id
    </cfquery>
    
    <cfset request.qry_pc_items=Evaluate( "qry_pc_itm_#request.pc_content_id#")>
    
    <div class="<cfoutput>#request.css_main_class#</cfoutput>">
      <div class="<cfoutput>#request.css_main_class#</cfoutput>Window">
        <cfset request.pc_count=0>
        <cfoutput query="request.qry_pc_items" group="fld_itemlist_id">
        <cfset request.pc_count=request.pc_count + 1>
        <div>
          <!--- if there's a video defined  --->
          <cfif IsDefined( "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_video_id#") and len(Evaluate( "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_video_id#"))>
    
            <a id="pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_video_id#" href="#Evaluate('pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_video_id#')#" rel="flowplayer[pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_video_id#]"
                style="width: #request.pc_video_width#px; height: #request.pc_video_height#px; display: block;">
              <cfif IsDefined( "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_image_id#")>
                <img src="#Evaluate('pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_image_id#')#">
                <cfset request.video_clip="autoPlay: true, autoBuffering: true">
                  <cfelse>
                    <cfset request.video_clip="autoPlay: false, autoBuffering: false">
              </cfif>
            </a>
    
            <script type="text/javascript">
              document.observe("dom:loaded", function() {
                flowplayer("pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_video_id#", "#variables.basehref#includes/videoplayers/flowplayer/flowplayer.swf", {
                  clip: {#
                    request.video_clip#
                  },
                  plugins: {
                    controls: {
                      autoHide: 'always',
                      hideDelay: 1000
                    }
                  },
                  onBeforeLoad: function() {
                    $("pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_video_id#").up("div.#request.css_main_class#").retrieve("eventbox").flowplayer_init(this);
                  }
                }).ipad();
              });
            </script>
              
          <!--- if the link is defined --->
          <cfelseif IsDefined( "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_link_id#") and len(Evaluate( "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_link_id#")) and IsDefined(
              "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_image_id#")>
            <a href="#Evaluate('pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_link_id#')#"><img src="#Evaluate('pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_image_id#')#"></a>
    
          <cfelseif IsDefined( "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_image_id#")>
            <img src="#Evaluate('pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_image_id#')#">
          </cfif>
        </div>
        </cfoutput>
      </div>
      <ul class="<cfoutput>#request.css_main_class#</cfoutput>Navigation">
        <cfset request.pc_count=0>
        <cfoutput query="request.qry_pc_items" group="fld_itemlist_id">
          <cfset request.pc_count=request.pc_count + 1>
            <cfif IsDefined("pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_image_id#")>
              <li></li>
            </cfif>
        </cfoutput>
      </ul>
      <div class="<cfoutput>#request.css_main_class#</cfoutput>Descriptions">
        <cfset request.pc_count=0>
        <cfoutput query="request.qry_pc_items" group="fld_itemlist_id">
          <cfset request.pc_count=request.pc_count + 1>
          <cfif IsDefined( "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_image_id#")>
            <div>
              <cfif IsDefined( "pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_description_id#")>
                #Evaluate("pcItem_#request.pc_content_id#_#request.pc_count#_#request.pc_description_id#")#
              </cfif>
            </div>
          </cfif>
        </cfoutput>
      </div>  
      <!-- optional -->
      <a href="" class="<cfoutput>#request.css_main_class#</cfoutput>Anchor"></a>
      <div class="<cfoutput>#request.css_main_class#</cfoutput>Overlay"></div>
    </div>
    <!--- END ROTATOR --->
  </div>
  <div id="tag">
    <div class="container">
      
    </div>
  </div>
</div>

.site-header {
  height: 76.8em;
  min-height: 100vh;
}

.hero,
.rotator, 
.rotatorWindow, 
.rotatorWindow div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.rotatorNavigation, 
.rotatorDescriptions {
  display: none;
}

 var rotator = (function(){
  $$(".rotator").each(function(e) { 
    var eventbox_parameters = {
      type: "fade",
      duration: 1,
      pauseOnMouseOver: false,
      setAsBackground: true,
      order: "<cfoutput>#request.pcAction_1#</cfoutput>"
      <cfif request.pcAction_1 EQ "static" OR request.pcAction_1 EQ "random">, startPaused: true</cfif>
    };
    if (e.select(".rotatorNavigation li").size() == 1) {
      eventbox_parameters.startPaused = true;
    }
    new perpetuacms.eventbox(e, eventbox_parameters);
  });
}());

<content name="Header Image" action="sequential,random,static" count="dyn" mincount="1" maxcount="0" pageoverride="0" xmloverride="">
<item name="Image (1600 x 670)" type="image" />
</content>

You'll want to add the JS file somewhere as well:

<script type="text/javascript" src="/includes/eventbox/eventbox.js"></script>