<?xml version="1.0"?>

<!--
 Copyright 2004 Sun Microsystems, Inc. All Rights Reserved.

 Redistribution and use in source and binary forms, with or
 without modification, are permitted provided that the following
 conditions are met:

 - Redistributions of source code must retain the above copyright
   notice, this list of conditions and the following disclaimer.

 - Redistribution in binary form must reproduce the above
   copyright notice, this list of conditions and the following
   disclaimer in the documentation and/or other materials
   provided with the distribution.

 Neither the name of Sun Microsystems, Inc. or the names of
 contributors may be used to endorse or promote products derived
 from this software without specific prior written permission.

 This software is provided "AS IS," without a warranty of any
 kind. ALL EXPRESS OR IMPLIED CONDITIONS, REPRESENTATIONS AND
 WARRANTIES, INCLUDING ANY IMPLIED WARRANTY OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, ARE HEREBY
 EXCLUDED. SUN AND ITS LICENSORS SHALL NOT BE LIABLE FOR ANY
 DAMAGES OR LIABILITIES SUFFERED BY LICENSEE AS A RESULT OF OR
 RELATING TO USE, MODIFICATION OR DISTRIBUTION OF THIS SOFTWARE OR
 ITS DERIVATIVES. IN NO EVENT WILL SUN OR ITS LICENSORS BE LIABLE
 FOR ANY LOST REVENUE, PROFIT OR DATA, OR FOR DIRECT, INDIRECT,
 SPECIAL, CONSEQUENTIAL, INCIDENTAL OR PUNITIVE DAMAGES, HOWEVER
 CAUSED AND REGARDLESS OF THE THEORY OF LIABILITY, ARISING OUT OF
 THE USE OF OR INABILITY TO USE THIS SOFTWARE, EVEN IF SUN HAS
 BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.

 You acknowledge that this software is not designed, licensed or
 intended for use in the design, construction, operation or
 maintenance of any nuclear facility.
-->

<html xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:d="http://java.sun.com/jsf/demo/components"
      xmlns:i="http://apache.org/cocoon/include/1.0">

  <head>
   <title>CarStore</title>
   <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
  </head>

  <f:loadBundle basename="org.apache.cocoon.faces.samples.carstore.bundles.Resources" var="bundle"/>

  <f:view>
    <h:form>
      <h:panelGrid columns="1"
                   footerClass="form-footer"
                   headerClass="form-header"
                   styleClass="main-background"
                   columnClasses="single-column"
                   summary="#{bundle.chooseLocale}"
                   title="#{bundle.chooseLocale}">

        <h:graphicImage url="images/cardemo.jpg" />

        <h:outputText styleClass="maintitle"
                      value="#{bundle.chooseLocale}" />

        <h:graphicImage id="mapImage" url="images/world.jpg"
                        alt="#{bundle.chooseLocale}"
                        usemap="#worldMap"/>

        <d:map id="worldMap" current="NAmericas" immediate="true"
               action="storeFront"
               actionListener="#{carstore.chooseLocaleFromMap}">
          <d:area id="NAmerica" value="#{NA}"
            onmouseover="images/world_namer.jpg"
            onmouseout="images/world.jpg"
            targetImage="mapImage" />
          <d:area id="SAmerica" value="#{SA}"
            onmouseover="images/world_samer.jpg"
            onmouseout="images/world.jpg"
            targetImage="mapImage" />
          <d:area id="Germany" value="#{gerA}"
            onmouseover="images/world_germany.jpg"
            onmouseout="images/world.jpg"
            targetImage="mapImage" />
          <d:area id="France" value="#{fraA}"
            onmouseover="images/world_france.jpg"
            onmouseout="images/world.jpg"
            targetImage="mapImage" />
        </d:map>

      </h:panelGrid>
    </h:form>

    <h:form>
      <!-- For non graphical browsers  -->
      <p>Example of <code>commandLink</code></p>

      <h:panelGrid id="links" columns="4"
                   summary="#{bundle.chooseLocale}"
                   title="#{bundle.chooseLocale}" >

        <h:commandLink id="NAmerica"
                       action="storeFront"
                       actionListener="#{carstore.chooseLocaleFromLink}">
          <h:outputText value="#{bundle.english}" />
        </h:commandLink>

        <h:commandLink id="Germany"
                       action="storeFront"
                       actionListener="#{carstore.chooseLocaleFromLink}">
          <h:outputText value="#{bundle.german}" />
        </h:commandLink>

        <h:commandLink id="France"
                       action="storeFront"
                       actionListener="#{carstore.chooseLocaleFromLink}">
          <h:outputText value="#{bundle.french}" />
        </h:commandLink>

        <h:commandLink id="SAmerica"
                       action="storeFront"
                       actionListener="#{carstore.chooseLocaleFromLink}">
          <h:outputText value="#{bundle.spanish}" />
        </h:commandLink>

      </h:panelGrid>
    </h:form>

    <h:form>
      <p>Example of <code>commandButton</code></p>

      <h:panelGrid id="buttons" columns="4"
                   summary="#{bundle.chooseLocale}"
                   title="#{bundle.chooseLocale}" >
        <h:commandButton id="NAmerica"
                         action="storeFront"
                         value="#{bundle.english}"
                         actionListener="#{carstore.chooseLocaleFromLink}"/>

        <h:commandButton id="Germany"
                         action="storeFront"
                         value="#{bundle.german}"
                         actionListener="#{carstore.chooseLocaleFromLink}"/>

        <h:commandButton id="France"
                         action="storeFront"
                         value="#{bundle.french}"
                         actionListener="#{carstore.chooseLocaleFromLink}"/>

        <h:commandButton id="SAmerica"
                         action="storeFront"
                         value="#{bundle.spanish}"
                         actionListener="#{carstore.chooseLocaleFromLink}"/>
      </h:panelGrid>
    </h:form>

    <i:include src="bottomMatter.xml"/>
  </f:view>
</html>