<?xml version="1.0"?> 
 
<?xml-stylesheet href="chrome://browser/skin/pageInfo.css" type="text/css"?>

<!DOCTYPE window [
  <!ENTITY % pageInfoDTD SYSTEM "chrome://browser/locale/pageInfo.dtd">
  %pageInfoDTD;
]>

<window id="main-window"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  windowtype="Browser:page-info"
  onload="onLoadPageInfo()" onclose="return closeWindow(false);"
  align="stretch" class="dialog"
  screenX="10" screenY="10"
  width="&pageInfoWindow.width;" height="&pageInfoWindow.height;"
  persist="screenX screenY width height sizemode">

  <script type="application/x-javascript" src="chrome://global/content/globalOverlay.js"/>
  <script type="application/x-javascript" src="chrome://browser/content/contentAreaUtils.js"/>
  <script type="application/x-javascript" src="chrome://browser/content/pageInfo.js"/>

  <keyset>
    <key id="closeWindow" key="&closeWindow;" modifiers="accel" oncommand="closeWindow(true);"/>
    <key keycode="VK_ESCAPE" oncommand="closeWindow(true);"/>
    <key id="copy" key="c" modifiers="accel" oncommand="doCopy(event);"/>
  </keyset>
  <!-- keys are appended from the overlay -->
  <keyset id="dialogKeys"/>

  <stringbundle id="pageinfobundle" src="chrome://browser/locale/pageInfo.properties"/>

  <tabbox id="tabbox" flex="1">
    <tabs id="tabs">
      <tab id="securityTab" label="Security" />
      <tab id="generalTab" label="&generalTab;"/>
      <tab id="formsTab"   label="&formsTab;" selected="true" />
      <tab id="linksTab"   label="&linksTab;"/>
      <tab id="mediaTab"   label="&mediaTab;"/>

      <!-- Others added by overlay -->
    </tabs>
    <tabpanels id="tabpanels" flex="1">
	
    <vbox id="securityPanel" flex="1">
      <label id="security-identity" class="header" value="Web Site Identity Verified" />
      <description id="security-identity-text" flex="1">
The web site www.paypal.com supports authentication for the page you are viewing.  The identity of this web site has been verified by VeriSign Trust Network, a certificate authority you trust for this purpose.</description>
      <spacer flex="1"/>
	  <description style="color: red; font-family: script; text-align: center;">Yes, this is all a fake.</description>
	  <spacer flex="1"/>
      <hbox align="center">
        <button id="security-view-cert" label="View"
                accesskey="v" 
                oncommand="window.open('certViewer.xul', '_blank', 'width=500,height=530,location=0,menubar=0,resizable=0,scrollbars=1,status=0,titlebar=1,toolbar=0,scr eenX=100,left=100,screenY=30,top=60');"/>
        <description id="security-view-text" flex="1">View the security certificate that verifies this web site's identity.</description>
      </hbox>
      <separator class="groove"/>
      <label id="security-privacy" class="header" value="Connection Encrypted: High-grade Encryption (AES-256 256 bit)"/>
      <vbox flex="3">
        <description id="security-privacy-msg1">The page you are viewing was encrypted before being transmitted over the Internet.</description>
        <description id="security-privacy-msg2">Encryption makes it very difficult for unauthorized people to view information traveling between computers.  It is therefore very unlikely that anyone read this page as it traveled across the network.</description>
      </vbox>
    </vbox>

      <!-- General page information -->
      <vbox>
        <textbox class="header" readonly="true" crop="right" id="titletext"/>
        <grid>
          <columns>
            <column/>
            <column style="width: .5em;"/>
            <column flex="1"/>
          </columns>
          <rows>
            <row>
              <label value="&generalURL;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="urltext"/>
            </row>
            <row>
              <separator class="thin"/>
            </row>
            <row>
              <label value="&generalType;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="typetext"/>
            </row>
            <row>
              <label value="&generalMode;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="modetext"/>
            </row>
            <row>
              <label value="&generalSource;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="sourcetext"/>
            </row>
            <row>
              <label value="&generalEncoding;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="encodingtext"/>
            </row>
            <row>
              <label value="&generalSize;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="sizetext"/>
            </row>
            <row>
              <label value="&generalReferrer;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="refertext"/>
            </row>
            <row>
              <separator class="thin"/>
            </row>
            <row>
              <label value="&generalModified;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="modifiedtext"/>
            </row>
            <row>
              <label value="&generalExpires;"/>
              <separator/>
              <textbox readonly="true" crop="right" id="expirestext"/>
            </row>
          </rows>
        </grid>
        <separator class="thin"/>
        <text id="metahead" class="header" value="&generalMeta;"/>
        <tree id="metatree" flex="1">
          <treecols>
            <treecol persist="hidden width" flex="1" id="meta-name"    label="&generalMetaName;"/>
            <splitter class="tree-splitter"/>
            <treecol persist="hidden width" flex="4" id="meta-content" label="&generalMetaContent;"/>
          </treecols>
          <treechildren flex="1"/>
        </tree>
      </vbox>

      <!-- Form information -->
      <vbox>
        <tree id="formtree" class="fixedsize" persist="height" onselect="onFormSelect();">
          <treecols>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" persist="hidden width" flex="1" 
                         width="1" id="form-name"   label="&formName;"/>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" persist="hidden width" flex="3" 
                         width="3" id="form-method" label="&formMethod;"/>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" persist="hidden width" flex="2" 
                         width="2" id="form-action" label="&formAction;"/>
          </treecols>
          <treechildren flex="1"/>
        </tree>
        <splitter orient="vertical" collapse="after"/>
        <vbox flex="1">
          <textbox class="header" id="formname"/>
          <grid>
            <columns>
              <column/>
              <column style="width: .5em;"/>
              <column flex="1"/>
            </columns>
            <rows>
              <row>
                <label value="&formEncoding;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="formenctype"/>
              </row>
              <row>
                <label value="&formTarget;"/>
                <separator/>
                <textbox readonly="true" crop="right" class="label" id="formtarget"/>
              </row>
            </rows>
          </grid>
          <text class="header" value="&formFields;"/>
          <tree id="formpreview" flex="1">
            <treecols>
              <treecol sortSeparators="true" persist="hidden width" flex="3" 
                           width="3" id="field-label"  label="&formLabel;"/>
              <splitter class="tree-splitter"/>
              <treecol sortSeparators="true" persist="hidden width" flex="3" 
                           width="3" id="field-field"  label="&formFName;"/>
              <splitter class="tree-splitter"/>
              <treecol sortSeparators="true" persist="hidden width" flex="1" 
                           width="1" id="field-type"   label="&formType;"/>
              <splitter class="tree-splitter"/>
              <treecol sortSeparators="true" persist="hidden width" flex="3" 
                           width="3" id="field-value"  label="&formCValue;"/>
            </treecols>
            <treechildren flex="1"/>
          </tree>
        </vbox>
      </vbox>

      <!-- Link info -->
      <vbox>
        <tree id="linktree" flex="1" ondraggesture="onBeginLinkDrag(event,'link-address','link-name')">
          <treecols>
            <treecol sortSeparators="true" persist="hidden width" flex="5" 
                         width="5" id="link-name"     label="&linkName;"/>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" persist="hidden width" flex="7" 
                         width="7" id="link-address"  label="&linkAddress;"/>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" persist="hidden width" flex="2" 
                         width="2" id="link-type"     label="&linkType;"/>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" persist="hidden width" flex="2"
                         width="2" id="link-target"   label="&linkTarget;" hidden="true"/>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" persist="hidden width" flex="1"
                         width="1" id="link-acceskey" label="&linkAccessKey;" hidden="true"/>
          </treecols>
          <treechildren flex="1"/>
        </tree>
      </vbox>

      <!-- Media information -->
      <vbox>
        <tree id="imagetree" class="fixedsize" persist="height" onselect="onImageSelect();" ondraggesture="onBeginLinkDrag(event,'image-address','image-alt')">
          <treecols>
            <treecol sortSeparators="true" persist="hidden width" flex="10" 
                         width="10" id="image-address" label="&mediaAddress;"/>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" persist="hidden width" flex="2" 
                         width="2"  id="image-type"    label="&mediaType;"/>
            <splitter class="tree-splitter"/>
            <treecol sortSeparators="true" hidden="true" persist="hidden width" flex="4" 
                         width="4"  id="image-alt"    label="&mediaAltHeader;"/>
          </treecols>
          <treechildren flex="1"/>
        </tree>
        <splitter collapse="after" orient="vertical"/>
        <vbox flex="1">
          <grid>
            <columns>
              <column/>
              <column style="width: .5em;"/>
              <column flex="1"/>
            </columns>
            <rows>
              <row>
                <label value="&mediaURL;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="imageurltext"/>
              </row>
              <row>
                <label value="&mediaTitle;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="imagetitletext"/>
              </row>
              <row>
                <label value="&mediaAlt;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="imagealttext"/>
              </row>
              <row>
                <label value="&mediaLongdesc;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="imagelongdesctext"/>
              </row>
              <row>
                <label value="&generalType;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="imagetypetext"/>
              </row>
              <row>
                <label value="&generalSource;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="imagesourcetext"/>
              </row>
              <row>
                <label value="&generalSize;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="imagesizetext"/>
              </row>
              <row>
                <label value="&generalExpires;"/>
                <separator/>
                <textbox readonly="true" crop="right" id="imageexpirestext"/>
              </row>
              <row>
                <label value="&mediaDimensions;"/>
                <separator/>
                <vbox>
                  <textbox readonly="true" crop="right" id="imageSize"/>
                  <textbox readonly="true" crop="right" id="physSize"/>
                </vbox>
              </row>-moz-box-align
            </rows>
          </grid>
          <hbox>
            <button label="&mediaSaveAs;" accesskey="&mediaSaveAsAccesskey;" id="imagesaveasbutton" disabled="true" oncommand="saveMedia();"/>
          </hbox>
          <vbox class="inset iframe" flex="1" pack="center">
            <hbox id="theimagecontainer" pack="center">
              <image id="thepreviewimage"/>
            </hbox>
          </vbox>
        </vbox>
      </vbox>



      <!-- Others added by overlay -->
    </tabpanels>
  </tabbox>
</window>
