
<?
  $DX0_INCLUDE_DIR = 'SECRECT DX0 INCLUDE DIR/';
  include $DX0_INCLUDE_DIR.'dx0.inc';

  $protoLogo = new dx0absElement("protoLogo", array("liquidX" => -10, "y" => 10, "z" => 1));
  $propObj = new dx0absElement("propObj", array("x" => 30, "y" => 50, "width" => 170, "z" => 30));
  $propObjTop = new dx0absElement("propObjTop", array("x" => 0, "y" => 0));
  $propObjEdge = new dx0absElement("propObjEdge", array("x" => 0, "y" => 43));
  $propObjBoard = new dx0absElement("propObjBoard", array("x" => 50, "y" => 43,
    "visibility" => "hidden"));
  $propObjText = new dx0absElement("propObjText", array("x" => 50, "y" => 43, "width" => 115,
    "visibility" => "hidden"));
  $propObjTop->setDrag("propObj");
  $propObjBoard->link("propObjText");
  $cornerLinkObj = new dx0absElement("cornerLinkObj", array("liquidX" => -20, "liquidY" => -20, "width" => 300, "z" => 2));
  
  dx0cacheImages(
    array(
      "dldOn" => "i/on-02.gif",
      "dldOff" => "i/off-02.gif",
      "doxOn" => "i/on-04.gif",
      "doxOff" => "i/off-04.gif",
      "modOn" => "i/on-05.gif",
      "modOff" => "i/off-05.gif",
      "supOn" => "i/on-06.gif",
      "supOff" => "i/off-06.gif"
    )
  );

  $logoSrc = '<IMG SRC="i/back-2.gif">';
  $propTop = '<IMG SRC="i/off-01.gif" WIDTH=169 HEIGHT=43>';
  $propEdge = '
  <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
    <TR><TD>'.dx0rollover("propMenu1", 50, 45, "dldOff", "dldOff", "dldOn", "javascript:boardSlider(0);", "propObjEdge").'</TD></TR>
    <TR><TD>'.dx0rollover("propMenu2", 50, 48, "doxOff", "doxOff", "doxOn", "javascript:boardSlider(1);", "propObjEdge").'</TD></TR>
    <TR><TD>'.dx0rollover("propMenu3", 50, 41, "modOff", "modOff", "modOn", "javascript:boardSlider(2);", "propObjEdge").'</TD></TR>
    <TR><TD>'.dx0rollover("propMenu4", 50, 35, "supOff", "supOff", "supOn", "javascript:boardSlider(3);", "propObjEdge").'</TD></TR>
    <TR><TD><IMG SRC="i/off-07.gif" WIDTH=50 HEIGHT=9></TD></TR>
  </TABLE>';
  $propBoard = '<IMG SRC="i/off-03.gif" WIDTH=119 HEIGHT=178>';
  $propText = '
  <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="115">
    <TR><TD><SPAN CLASS="link0">
      <CENTER>-= DX0 Site Menu =-</CENTER><BR>
      Use this menu to navigate around the site.
    </SPAN></TD></TR>
  </TABLE>';

  $cornerLinks = '<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="300"><TR><TD ALIGN="RIGHT">
  <A CLASS="link0" TARGET="_new" HREF="index.phps">VIEW SOURCE</A><BR>
  <A CLASS="link0" TARGET="_new" HREF="http://www.webstandards.org/wfw/ieah.html">WSP frosted by IE5.5</A><BR>
  <A CLASS="link0" TARGET="_new" HREF="http://www.vestige.org">Watch someone rip on Jakob Nielsen</A></TD>
  </TR></TABLE>';

  dx0registerFx("onLoad", "propObjBoard.slideReset();");
  dx0registerFx("onLoad", "propObjBoard.show();");
  dx0registerFx("onLoad", "propObjText.show();");
?>

<HTML>
<!-- DX0 ProtoType Page made especially for <? echo $GLOBALS[DX0_BROWSER_IDENT]; ?> 
     Authored by whytheluckystiff@mailcity.com
   
     JUST LOOK AT HOW EASY THIS IS!  SEND BACK DREAMWEAVER AND GET YOUR REFUND!
     -->
<HEAD>
<TITLE>DX0 // PHPDHTML!!</TITLE>
<? dx0prep(); ?>
<STYLE TYPE="text/css">
<!--
.link0 { font: bold 11px/13px verdana, arial; color: black; }
A.link0 { font: normal 10px/12px verdana, arial; color: #003399; }
A.link0:hover { color: #FF6600; }
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--

  // THESE FUNCTIONS WILL BE MODULES
  var propPage = -1;
  var propText = [
                   [
                     ['', 'Download DX0'],
                     ['#', 'DX0 pre-1.0-2 (PHP)'],
                     ['#', 'DX0 pre-1.0 (Python)'],
                     ['#', 'DX0 pre-1.0 (Perl)'],
                     ['#', 'DX0 HTML Docs'],
                     ['#', 'DX0 TeX Docs'],
                     ['#', 'DX0 PDF Docs']
                   ],[
                     ['', 'On-line Documentation'],
                     ['#', 'About DX0'],
                     ['#', 'DX0 Tutorials'],
                     ['#', 'DX0 References'],
                     ['#', 'DX0 Developer References']
                   ],[ 
                     ['', 'DX0 Modules'],
                     ['#', 'Window Objects'],
                     ['#', 'Scroll Objects'],
                     ['#', 'Form Elements'],
                     ['#', 'All Modules']
                   ],[
                     ['', 'Support'],
                     ['#', 'Join the Exclusive DX0 Mailing List'],
                     ['#', 'Launch the Forum'],
                     ['#', 'Contact Info']
                   ]
                 ];

  //
  // writes link menu
  function generateLinkMenu(boardNum) {
    linkTable = '<TABLE BORDER="0" CELLSPACING="3" CELLPADDING="2" WIDTH="115">';
    for (i = 0; i < propText[boardNum].length; i++) {
      linkTable += '<TR><TD>';
      if (propText[boardNum][i][0].length > 0) 
        linkTable += '<A CLASS="link0" HREF="' + propText[boardNum][i][0] + '">' + propText[boardNum][i][1] + '</A>';
      else linkTable += '<SPAN CLASS="link0">' + propText[boardNum][i][1] + '</SPAN>';
      linkTable += '</TD></TR>';
    }
    linkTable += '</TABLE>';   
    return linkTable;
  }

  //
  // drawer slide mechanism
  function boardSlider(boardNum) {
    if (propPage == boardNum) {
      propPage = -1;
      propObjBoard.slide(15, 24);
    } else {
      cbval = "boardChangeBack(" + boardNum + ");";
      if (propObjBoard.slideFlag < 0) {  // slider open
    propObjBoard.slide(30, 44);
        propObjBoard.ps = cbval;
      }
      else eval(cbval);
      propPage = boardNum;
    }    
  }

  function boardChangeBack(boardNum) {
    propObjText.write(generateLinkMenu(boardNum));
    propObjBoard.slide(15,22);
  }

// -->
</SCRIPT>
</HEAD>

<BODY BGCOLOR="#A6A6A6">

<?
   echo $protoLogo->place($logoSrc);
   echo $propObj->place($propObjTop->place($propTop).'
     '.$propObjEdge->place($propEdge).'
     '.$propObjBoard->place($propBoard).'
     '.$propObjText->place($propText));
   echo $cornerLinkObj->place($cornerLinks);
?>

<? dx0basic(); ?>
</BODY>
</HTML>