{extends file="boilerplate_layout_chris.tpl"}

{block name=title}{$_language['meta_title']|default:'Z8Games - Free Gaming. Evolved.'}{/block}

{block name=additional_head_imports}

  <script type="text/javascript">
    {if $message}
      alert("{$message}");
    {/if}
    {if $relocationURL}
      window.location.href = "{$relocationURL}";
    {/if}
  </script>

  <link rel="stylesheet" href="{$CDN_URI}assets/css/vendor/supersized.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="{$CDN_URI}assets/css/vendor/supersized.shutter.css" type="text/css" media="screen" />
{/block}

{block name=content}
  {include file="z8-header-frontpage.tpl"}
  <div id="wrapper" class="front-page">
    <header>
      <div class="slider">
        <!--Thumbnail Navigation-->
        <div id="prevthumb"></div>
        <div id="nextthumb"></div>
    

        <!--Arrow Navigation-->
        {* <a id="prevslide" class="load-item"></a> *}
        {* <a id="nextslide" class="load-item"></a> *}
    
      

      <!--Control Bar-->
      <div id="controls-wrapper" class="load-item">
        <div id="controls">
          <!--Navigation-->
          <ul id="slide-list" style="display: none;"></ul>

        </div>
      </div>
      <!--Slide captions displayed here-->
      <div id="slidecaption"></div>
      </div> <!-- .slider -->
    </header>
    {* <div class="featured-games">
      <ul class="game-banners">
        <li>
          <a class="cf banner" href="{$_link['url_crossfire_na']|default:'http://crossfire.z8games.com/'}">
            <span class="game-title">{$_language['crossfire_rival_factions']|default:'CrossFire : Rival Faction'}</span>
            <span class="game-button">{$_language['game_site']|default:'Game Site'}</span>
          </a>
        </li>
      </ul>
    </div> *}
  </div>  <!-- #wrapper -->

  <div id="z8-footer-links">
    <div class="links-content">
      <ul class="link-set">
        <li class="heading">{$_language['games']|default:'Games'}</li>
        <li><a href="{$_link['url_crossfire_na']|default:'http://crossfire.z8games.com/'}">{$_language['crossfire']|default:'Crossfire'}</a></li>
      </ul>
      <ul class="link-set">
        <li class="heading">{$_language['account']|default:'Account'}</li>
        <li><a href="/signup.html">{$_language['create_account']|default:'Create Account'}</a></li>
        <li><a href="/lost_id_password.html">{$_language['recover_account']|default:'Recover Account'}</a></li>
        <li><a href="/termsandcondition.html">{$_language['terms_of_use']|default:'Terms of Use'}</a></li>
        <li><a href="/privacypolicy.html">{$_language['privacy_policy']|default:'Privacy Policy'}</a></li>
      </ul>
      <ul class="link-set">
        <li class="heading">{$_language['community']|default:'Community'}</li>
        <li><a href="{$_link['forum_url']|default:'http://forum.z8games.com/'}" target="_blank">{$_language['z8Games_forum']|default:'Z8Games Forum'}</a></li>
        <li><a href="{$_link['z8_facebook_url']|default:'https://www.facebook.com/z8games'}" target="_blank">{$_language['z8Games_facebook']|default:'Z8Games Facebook'}</a></li>
        <li><a href="{$_link['z8_twitter_url']|default:'https://twitter.com/z8games'}" target="_blank">{$_language['z8Games_twitter']|default:'Z8Games Twitter'}</a></li>
      </ul>
      <ul class="link-set">
        <li class="heading">{$_language['support']|default:'Support'}</li>
        <li><a href="{$_link['faq_url']|default:'http://support.z8games.com/index.php?/Knowledgebase/List/Index/1/z8games'}">{$_language['faq']|default:'FAQ'}</a></li>
        <li><a href="/deposit.html?location=WZ82">{$_language['purchase_zp']|default:'Purchase ZP'}</a></li>
        <li><a href="{$_link['url_support']|default:'http://support.z8games.com'}">{$_language['technical_support']|default:'Technical Support'}</a></li>
		<li><a href="/imprint.html">{$_language['imprint_page']|default:'Imprint'}</a></li>
        <li class="regions dropdown">
          <button class="btn click-button" type="button" data-toggle="dropdown"><span class="btn-text">{$_language['z8games_english']|default:'Z8Games(English)'}</span></button>
          <ul class="dropdown-menu">
            <li><a class="menu-item" href="{$_link['z8_games_br_url']|default:'http://br.z8games.com/'}"><span>{$_language['z8games_portuguese']|default:'Z8Games(Portuguese)'}</span></a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div> <!-- #footer-links -->

  <footer id="z8-footer">
        <ul class="logos-and-copyright">
          <li class="company-logos"></li>
          <li class="copyright">
            {$copyright_year|string_format:($_language['copy_right1']|default:"© %s Smilegate West, Inc. All rights reserved.")}<br />
            {$_language['copy_right2']|default:'Trademarks referenced herein belong to their respective owners.'}</li>
          <li class="social-media-buttons">
            <a target="_blank" href="{$_link['z8_facebook_url']|default:'https://www.facebook.com/z8games'}" class="facebook-button"></a>
            <a target="_blank" href="{$_link['z8_twitter_url']|default:'https://twitter.com/z8games'}" class="twitter-button"></a>
          </li>
        </ul>
  </footer>



  <!-- region Modal -->
  <div class="modal fade {{$isopendialog}}" id="region-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
          <h4 class="modal-title" id="myModalLabel">{$_language['ip_message1']|default:'You are currently visiting Z8Games'}</h4>
        </div>
        <div class="modal-body">
          <div class="bottom-section">
            <div class="group">
              <p>{$_language['ip_message2']|default:'Play CrossFire in English'}</p>
              <a href="http://www.z8games.com" class="redirect-btn current-region">{$_language['ip_button1']|default:'Continue to Z8Games'}</a>
            </div>
            <div class="group">
              <p>{$_language['ip_button2_desc']|default:'Jogar CrossFire em portugues'}</p>
              <a href="http://br.z8games.com" class="redirect-btn">{$_language['ip_button2']|default:'Switch to Z8Games BR'}</a>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <label class="dont-ask-checkbox">
            <input name="dontaskregion" id="dont-ask-region" type="checkbox"  > {$_language['ip_dont_ask_me_again']|default:'Don’t ask me again'}</label>
        </div>
      </div>
    </div>
  </div>  <!-- #region-modal -->

{/block} {*** content ***}

{block name=additional_js}     
  <script type="text/javascript" src="{$CDN_URI}assets/js/vendor/jquery.easing.min.js"></script>
  <script type="text/javascript" src="{$CDN_URI}assets/js/vendor/supersized.3.2.7.custom.js"></script>
  <script type="text/javascript" src="{$CDN_URI}assets/js/vendor/supersized.shutter.min.js"></script>
  <script type="text/javascript" src="{$CDN_URI}assets/js/vendor/jquery_validate/jquery.validate.min.js"></script>
  <script type="text/javascript" src="{$CDN_URI}assets/js/vendor/jquery_validate/additional-methods.min.js"></script>
  <script type="text/javascript" src="/assets/js/login_form_handler{$JAVASCRIPT_POSTFIX}.js?ver=1.1"></script>
  <script type="text/javascript" src="/assets/js/z8-header_main{$JAVASCRIPT_POSTFIX}.js"></script>
  <script src="/assets/js/frontpage_main{$JAVASCRIPT_POSTFIX}.js?v=1.1"></script>
  {/block}