User:Felice/interfacedemo.html.template
This page is monitored by the OLPC team.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="$gettext{'lang'}" xml:lang="$gettext{'lang'}">
<head>
<title>$gettext{'olpc'}, $gettext{'interfacetitle'}</title>
<meta name="Description" content="$gettext{'interfacedescription'}" />
<meta name="keywords" content="$gettext{'interfacekeywords'}" />
<!--#include virtual="../../includes/meta.html" -->
<!--#include virtual="../../includes/icon.html" -->
<!--#include virtual="../../includes/css.html" -->
<!--#include virtual="../../includes/javascript.html" -->
<script type="text/javascript" language="JavaScript" charset="iso-8859-1">
//<![CDATA[
Demo = {
Img : null,
Min : 1,
Max : 8,
FileName : "../../img/demo/demo_%.jpg",
Current : 1,
Timer : null,
No : null,
Init : function() {
Demo.Img = document.getElementById("interface-demo");
Demo.No = document.getElementById("page-no");
Demo.Img.onclick = Demo.Next;
},
Next : function() {
Demo.Current = Demo.Current + 1;
if(Demo.Current > Demo.Max) Demo.Current = Demo.Min;
Demo.Img.src = Demo.FileName.replace("%",Demo.Current);
Demo.No.innerHTML = Demo.Current;
},
Previous : function() {
Demo.Current = Demo.Current - 1;
if(Demo.Current < Demo.Min) Demo.Current = Demo.Max;
Demo.Img.src = Demo.FileName.replace("%",Demo.Current);
Demo.No.innerHTML = Demo.Current;
}
};
YAHOO.util.Event.addListener(window, "load", Demo.Init, Demo, true);
//]]>
</script>
</head>
<body id="interface" class="laptop" lang="$gettext{'lang'}">
<!--#include virtual="../../includes/logo.html" -->
<!--#include virtual="../../includes/header.html" -->
<div id="main-body" class="section clearfix">
<h1>$gettext{'interfacedemotitle'}</h1>
<div id="main-content" class="clearfix">
<div id="tools">
<ul>
<li><a href="principles.shtml">$gettext{'principles'}</a></li>
<li class="selected"><a href="demo.shtml">$gettext{'demo'}</a></li>
</ul>
</div> <!-- /tools -->
<div id="content">
<h2>$gettext{'interfacedemoh1'}</h2>
<img src="../../img/demo/demo_1.jpg" id="interface-demo" width="440" height="330" alt="$gettext{'clickfornextslide'}" />
<ul class="pager">
<li class="previous"><a href="javascript:Demo.Previous();">$gettext{'previous'}</a></li>
<li class="page"><span id="page-no">1</span>/8</li>
<li class="next"><a href="javascript:Demo.Next();">$gettext{'next'}</a></li>
</ul>
</div> <!-- /content -->
<div id="sub-content">
</div> <!-- /sub-content -->
</div> <!-- /main-content -->
</div> <!-- /main-body -->
<!--#include virtual="../../includes/footer.html" -->
</body>
</html>
