<?xml version="1.0" encoding="UTF-8"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://repository.hippocms.org/schemas/cms-6.04/editor/layout.xsd" xmlns:i18n="http://apache.org/cocoon/i18n/2.1" xmlns:x="http://www.w3.org/1999/xhtml">
  <!--import id="abstractfiche"/-->
  
  <template name="/">
   
    <x:script>

      $(document).ready(function(){
          $("a.metadata_toggle").click(function () {
          $("div#metadata").toggle("slow");
          $("a.metadata_toggle").toggle();
           var str = $("input[id='openframe']").val();
           str += "metadata|";
           $("input[id='openframe']").text(str);
           $("input[id='openframe']").val(str);

      });
      
      $("a.content_toggle").click(function () {
          $("div#content").toggle("slow");
          $("a.content_toggle").toggle();
          var str = $("input[id='openframe']").val();
          str += "content|";
          $("input[id='openframe']").text(str);
          $("input[id='openframe']").val(str);

      });      
      
      $("div[class^='block']:has(span[class='forms-field-required'])").addClass("alertbox");
      
      $("div[class^='header']:has(span[class='forms-field-required'])").addClass("alertbox2");
      
      });
      
    </x:script>
    
    
    <!--[if lt IE 7]>
      <script src="scripts/IE7.js" type="text/javascript"></script>
      <![endif]-->
    
    <!-- editor messages -->
    
    <messagewidget class="Messages" />
    <validationwidget class="validationMessages" />
    
    <!-- content fields -->
    <x:div id="document">
      <textfield  id="/document/openframe" />
  <!--<x:input name="openframe" type="text" id="openframe" value="" />-->
      <x:div class="mainheader">
        <property name="caption" namespace="http://hippo.nl/cms/1.0" type="string"/>
      </x:div>
      <x:div class="header">METADATA <x:a class="metadata_toggle"><x:img src="/skins/images/plus.gif" border="0"/></x:a><x:a class="metadata_toggle" style="display:none"><x:img src="/skins/images/min.gif" border="0"/></x:a>
        <x:div id="metadata" style="display: none">
          
          <x:div class="block_text">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.citizen.fields.document.metadata.author</i18n:text></x:h2>
            </x:div>           
            <x:div class="block_body">
              <dropdown id="/document/metadatas/institution" />
            </x:div>             
          </x:div>
          
          <x:div class="block_partsselector">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.citizen.fields.document.metadata.group</i18n:text></x:h2>
            </x:div>           
            <x:div class="block_body">
              <shootboxgroup id="/document/metadatas/groups/group" orientation="vertical" available-label="Available" selected-label="Selected"/>
            </x:div>             
          </x:div>
          
          <x:div class="block_partsselector">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.citizen.fields.document.metadata.related_institution</i18n:text></x:h2>
            </x:div>           
            <x:div class="block_body">
              <shootboxgroup id="/document/metadatas/related_institutions/related_institution" orientation="vertical" available-label="Available" selected-label="Selected"/>
            </x:div>             
          </x:div> 
          
          <x:div class="block_partsselector">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.citizen.fields.document.metadata.externallinks</i18n:text></x:h2>
            </x:div>           
            <x:div class="block_body">
              <shootboxgroup id="/document/metadatas/external_links/external_link" orientation="vertical" available-label="Available" selected-label="Selected" />
            </x:div>             
          </x:div>
          
        </x:div>
      </x:div>  
      <x:div class="header">CONTENT <x:a class="content_toggle"><x:img src="/skins/images/plus.gif" border="0"/></x:a><x:a class="content_toggle" style="display:none"><x:img src="/skins/images/min.gif" border="0"/></x:a>
        <x:div id="content" style="display: none">
          
          <x:div class="block_textfield">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.citizen.fields.document.content.de.title</i18n:text></x:h2>
            </x:div>
            <x:div class="block_body">
              <textfield class="editableTitle" id="/document/contents/de/content/title" />
            </x:div>
          </x:div> 
          
          <x:div class="block_textfield">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.citizen.fields.document.content.de.short_title</i18n:text></x:h2>
            </x:div>
            <x:div class="block_body">
              <textfield class="editableTitle" id="/document/contents/de/content/short_title" />
            </x:div>
          </x:div>  
          
          <x:div class="block_textfield">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.citizen.fields.document.content.de.short_desc</i18n:text></x:h2>
            </x:div>
            <x:div class="block_body">
              <textfield class="editableTitle" id="/document/contents/de/content/short_desc" />
            </x:div>
          </x:div>
          
          <x:div class="block_text">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.news.content.de.introduction</i18n:text></x:h2>
              <htmlfield id="/document/contents/de/content/introduction" class="myHtmlArea" initFunc="myDemoHtmlArea" preview="true"/>
            </x:div>
          </x:div>
          
          <x:div class="block_text">
            <x:div class="block_header">
              <x:h2  class="mandatory"><i18n:text>be.smals.cms.news.content.desc</i18n:text></x:h2>
              <htmlfield id="/document/contents/de/content/desc" class="myDemoHtmlArea" initFunc="myDemoHtmlArea" preview="true"/>
            </x:div>
          </x:div>
          
          <x:div class="block_textfield">
            <x:div class="block_header"><x:h2><i18n:text>be.smals.cms.citizen.fields.document.content.keywords</i18n:text></x:h2></x:div>
            <x:div class="block_body">
              <macro-call id="repeater-keywords-header">
                <param name="path">/document/contents/de/content/keywords/keyword</param>
              </macro-call>
              <display id="/document/contents/de/content/keywords/keyword"/>                
            </x:div>   
          </x:div>
          
          <x:div class="block_text">
            <previewarea/>
          </x:div>
          
        </x:div>
      </x:div>
    </x:div> 
  </template>     
  
  <macro name="repeater-keywords-header">
    <action action="add" ref="${path}" class="add_action" />   
  </macro>
  
  <macro name="row-actions">
    <action action="move-up"   image="/skins/images/icons/16x16/arrow_up_green.gif"   ref="${path}" class="row-action"/>
    <action action="move-down" image="/skins/images/icons/16x16/arrow_down_green.gif" ref="${path}" class="row-action"/>
    <action action="delete"    image="/skins/images/icons/16x16/delete_simple_red.gif" ref="${path}" class="row-action"/>        
  </macro>
  
  <template name="/document/contents/de/content/keywords/keyword">
    <textfield id="/document/contents/de/content/keywords/keyword"/>
  </template>
  

    
  
</layout>