<html>

<head>
<title>Anh Du - Photo Collection - Waverly Garden, Palo Alto, CA </title>
<script language="JavaScript">
   var message="";
   function clickIE() 
   {
      if (document.all) 
      {
         (message);return false;
      }
   }
   function clickNS(e) 
   {
      if (document.layers||(document.getElementById&&!document.all)) 
      {
         if (e.which==1||e.which==2||e.which==3) 
         {
           (message);return false;
         }
      }
   }
   if (document.layers) 
   {
      document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;
   }
   else
   {
      document.onmouseup=clickNS;document.oncontextmenu=clickIE;
   }
   document.oncontextmenu = new Function("return false")

   function disableselect(e)
   {
      return false
   }
   function reEnable()
   {
      return true
   }
   document.onselectstart = new Function ("return false")
   if (window.sidebar)
   {
      document.onmousedown=disableselect
      document.onclick = reEnable
   }
</script>

<link rel="stylesheet" type="text/css" href="../../css/base.css">

<script language=javascript>

self.name = "main"; // If you are using frames, change "main" to the name of the frame that the photoalbum is in.

// SuzyCategory:  Add your new category names.  Be sure to leave in the 'all' category!
SuzyCategory = new Array("all", "Tulip 1", "Tulip", "YubaGap", "BonSai 4", "BonSai 5")

MainVar = 0; // Sets up the variable that counts the pictures.
function Fix(DatVal, PicVal, TitVal, CatVal, TxtVal) { // Allows you to use variables for the array instead of numbers.
   this.DatVal = DatVal 
   this.PicVal = PicVal 
   this.TitVal = TitVal 
   this.CatVal = CatVal
   this.TxtVal = TxtVal 
} 
var MainArray = new Array() // Sets up the main array.
// MainArray[MainVar++] = new Fix("date", "picname.jpg", "pic title", "category", "pic description")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip001S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip002S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip003S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip004S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip005S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip006S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip007S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip008S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip009S.jpg", "Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip0010S.jpg", "78Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip0011S.jpg", "1Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip0012S.jpg", "2Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip0013S.jpg", "74Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip0014S.jpg", "75Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip0015S.jpg", "76Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip0016S.jpg", "77Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Mars 2007", "Image/Tulip0017S.jpg", "78Tulip", "Tulip 1", ".")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/YubaGap1.jpg", "YubaGap", "YubaGap 1", "Duong Vang.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/YubaGap2.jpg", "YubaGap", "YubaGap 1", "Doi Tuyet.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/YubaGap3.jpg", "YubaGap", "YubaGap 1", "Doi Tuyet.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/YubaGap4.jpg", "YubaGap", "YubaGap 1", "Sang Som tren Doi Tuyet.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/YubaGap5.jpg", "YubaGap", "YubaGap 1", "Than Cay.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/YubaGap6.jpg", "YubaGap", "YubaGap 1", "Doi Tuyet.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/YubaGap7.jpg", "YubaGap", "YubaGap 1", "Cay Tung Do.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/YubaGap8.jpg", "YubaGap", "YubaGap 1", "Cong Vao tari Tuyet.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Lan42.jpg", "Lan", "Lan 1", "Lan Thang Tu.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/lan45.jpg", "Lan", "Lan 1", "Lan Thang Tu.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Lan75.jpg", "Lan", "Lan 1", "lan Thang Tu.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/lan101.jpg", "Lan", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/lan102.jpg", "Lan", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Lan31.jpg", "Lan", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/lan103.jpg", "Lan", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Lan75.jpg", "Lan", "Lan 1", "lan Thang Tu.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Aloe.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Hoa_Aloe.jpg", "Aloevera","Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Hoa_aloe1.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/HoaAloe3.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/HoaAloe4.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/HoaAloe5.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/3HoaHong.jpg", "Hoa Hong", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/3CanhHoa.jpg", "Hoa Hong", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Quynh.jpg", "Quynh", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Quynh1.jpg", "Quynh", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Aloe1.jpg", "Lan", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Aloe44.jpg", "Lan", "Lan 1", "lan Thang Tu.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/AloeVang_1.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/LonelyDuck1.jpg", "Aloevera","Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/NhuyQu1.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/DuongNho.jpg", "Duong Nho", "Lan 1", "DN")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/NhuyQ.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Lan_Frame1.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/HoaQ11.jpg", "Aloevera", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/HanhLang.jpg", "Hoa Hong", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Bo221.jpg", "Hoa Hong", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Hoa.jpg", "Quynh", "Lan 1", "Lan.")
MainArray[MainVar++] = new Fix("Snow Camp 2007", "Image/Bo_Thur1.jpg", "Quynh", "Lan 1", "Lan.")


current = 0; // Sets the current picture being shown to the first one.

ActiveVar = 0; // Sets up the variable that counts the pictures.
var ActiveArray = new Array() // Sets up the active array.
for (loop=0; loop < MainVar; loop++) {
  ActiveArray[ActiveVar++] = new Fix(MainArray[loop].DatVal, MainArray[loop].PicVal, MainArray[loop].TitVal, MainArray[loop].CatVal, MainArray[loop].TxtVal)
}

function FindPic() { // The search for a photo feature.
  TotalFound = 0;
  SearchString = document.SuzyForm.SearchWord.value;
  SearchString = SearchString.toLowerCase();
  WriteResults = window.open("","resultwindow","height=310, width=290, toolbar=0, status=0, menubar=0, resizable=1, scrollbars=1");
  WriteResults.document.open();
  WriteResults.document.write('<style type=text/css>body{background:url(parchment.jpg); font:8pt verdana}'
    + 'a{text-decoration:none}'
	+ 'img{border:2px ridge #ffaaaa; height:50px; vertical-align:middle}'
	+ '</style>'
    + 'You searched for:  <i>' + SearchString + '</i><p><b>Results:</b><br>');
  for (loop=0; loop < MainVar ; loop++) {
    Keyword = ActiveArray[loop].TxtVal;
    Keyword = Keyword.toLowerCase();
    URL = ActiveArray[loop].PicVal;
    title = ActiveArray[loop].TitVal;
    title = title.toLowerCase();
    SearchResult = Keyword.indexOf(SearchString);
    SearchResult2 = title.indexOf(SearchString);
    if (SearchResult != "-1" || SearchResult2 != "-1") {
//      WriteResults.document.write('<br><a href=javascript:ShowSuzyPic(' + loop + '); target="main">' + title + '</a>');
      WriteResults.document.write('<p><a href=javascript:ShowSuzyPic(' + loop + '); target="main"><img src=' + ActiveArray[loop].PicVal + '></a>  '
	    + title);
      TotalFound++;
    }
  }
  WriteResults.document.write('<p><b>Returned ' + TotalFound + ' results.</b><p><a href="javascript:window.close();">close window</a>');
  WriteResults.document.close();
}

function LoadNextPic()  {// Loads next picture for faster operation
	NextImage = new Image();
	NextPic = current + 1;
    if (NextPic>=ActiveVar) NextPic = 0;
    NextImage.src = ActiveArray[NextPic].PicVal;
}

function NextSuzyPic() { // Flips to the next photo.
  TotalImages = document.SuzyForm.SuzyDropdown.options.length;
  current++;
  if (current>=ActiveVar) current = 0;
  ShowSuzyPic(current);
}

function PreviousSuzyPic() { // Flips to the previous photo.
  current--;
  if(current<0) current = ActiveVar - 1;
  ShowSuzyPic(current);
}

function RandomSuzyPic() { // Shows a random photo.
  randompic = Math.floor(Math.random()*ActiveVar);
  ShowSuzyPic(randompic);
}

function RunSlideShow() { // Shuffles the photos in a slide show.
    timerSlideShow = setTimeout("NextSuzyPic();",document.SuzyForm.Timer.value*1000)
}

function ShowSuzyCategory(picked) { // Shows the pictures in that category.
  ActiveArray.length = 0;
  PicList = "<SELECT size=13 style='font:8pt verdana' name='SuzyDropdown' onChange='ShowSuzyPic(SuzyForm.SuzyDropdown.options.selectedIndex);'>";
  ActiveVar = 0;
  current = 0;
  for (loop=0; loop < MainVar; loop++) {
    if (MainArray[loop].CatVal.toLowerCase() == picked.toLowerCase() || picked == "all") {
      ActiveArray[ActiveVar++] = new Fix(MainArray[loop].DatVal, MainArray[loop].PicVal, MainArray[loop].TitVal, MainArray[loop].CatVal, MainArray[loop].TxtVal)
     PicList = PicList + "<option value=" + MainArray[loop].PicVal + ">" + MainArray[loop].TitVal + "</option>"; 
	} 
  }
  PicList = PicList + "</select>";
  document.getElementById("PicSpot").innerHTML = PicList;
}

function ShowSuzyPic(newpic) { // Shows the photo and text on the page.
  current = newpic;
  SelectionBox = document.SuzyForm.SuzyDropdown;
  SelectionBox.options[current].selected = true;
  document.getElementById("SuzySpot").innerHTML = '<a href=javascript:SuzyPicRemote("' + ActiveArray[current].PicVal + '");><img name="PicShowing" src=' + ActiveArray[current].PicVal + ' height=200 border=0></a>';
  document.getElementById("Journal").outerHTML = '<div id=journal><br>' + ActiveArray[current].DatVal + '<p style="text-align:justify; text-indent:25px">' + ActiveArray[current].TxtVal + '</div>';
  if (document.SuzyForm.WhereView[1].checked) {
    timerID = setTimeout("SuzyPicRemote(ActiveArray[current].PicVal)",1000)
  }
  if (document.SuzyForm.SelectedMode[0].checked) {
    timerSlideShow = setTimeout("NextSuzyPic();",document.SuzyForm.Timer.value*1000)
	LoadNextPic();
  } else {
    LoadNextPic();
  }
}
function SuzyPicRemote(picName) { // Pops up the photo in a remote window.
    ShowingImage = new Image();
    ShowingImage.src = picName;
    wid = ShowingImage.width + 50;
    hei = ShowingImage.height + 60;
  if (wid < 30 || hei < 30) {
    wid=650;
    hei=490;
  }
  if (screen.width < wid || screen.height < hei) {
    wid = screen.width - 50;
    hei = screen.height - 50;
  }
  OpenWindow = window.open("", "remoteWin", "resizable=1, scrollbars=1, toolbar=0, left=15, top=10, width=" + wid + ", height=" + hei);
  OpenWindow.document.open();
  OpenWindow.document.write('<html><head><title>' + ActiveArray[current].TitVal + '</title></head>'
    + '<body style="background:url(parchment.jpg); font:8pt verdana; margin:2px"><center>' + ActiveArray[current].DatVal + '<p>'
    + '<img src=' + picName + '><br>' + '<br><a href="javascript:window.close();">close window</a></center></body></html>');
  OpenWindow.document.close();
}
</script>


</head>

<body bgcolor="#cccc99"><font face=arial size=2><center>

<div align="left" style="position:absolute;left:240;top:10;font-size:10pt">
   <table>
      <tr>
         <td width="5%">
        <script language="JavaScript">    
        var ry=Math.floor(Math.random()*13);
        if ((ry == 0))
        {   
           document.write("<td width=95% bgcolor=#afeeee>");
        }
        else if ((ry == 1))
        {   
           document.write("<td width=95% bgcolor=#ad0050>");
        }
        else if ((ry == 2))
        {   
           document.write("<td width=95% bgcolor=#6d005c>");
        }
        else if ((ry == 3))
        {   
           document.write("<td width=95% bgcolor=#2c0a5c>");
        }
        else if ((ry == 4))
        {   
           document.write("<td width=95% bgcolor=#004e87>");
        }
        else if ((ry == 5))
        {   
           document.write("<td width=95% bgcolor=#0080b4>");
        }
        else if ((ry == 6))
        {   
           document.write("<td width=95% bgcolor=#007b76>");
        }
        else if ((ry == 7))
        {   
           document.write("<td width=95% bgcolor=#00782b>");
        }
        else if ((ry == 8))
        {   
           document.write("<td width=95% bgcolor=#5e9619>");
        }
        else if ((ry == 9))
        {   
           document.write("<td width=95% bgcolor=#bdba00>");
        }
        else if ((ry == 10))
        {   
           document.write("<td width=95% bgcolor=#b57600>");
        }
        else if ((ry == 11))
        {   
           document.write("<td width=95% bgcolor=#a90017>");
        }
        else if ((ry == 12))
        {   
           document.write("<td width=95% bgcolor=#ab003c>");
        }

        </script> 
            <a class='PFont' href="../../index.html" target="_top"><font color="#dd3300" size="1" face="Arial">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Home</font></a>
            <font color=#ffffff size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b> Welcome to Trang Nhà HaLao--Nhiep Anh  </b></font>
            <font color=#6495ed size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<script>document.write(Date())</script></font>

         </td>
      </tr>
   </table>
</div>


<div align="center" style="position:absolute;left:240;top:50;font-size:10pt">


    <p><font face="Geneva, Arial, Helvetica, san-serif" size="5">Waverly Garden & Yuba Gap, 2007
      </font>
<p><font face="Geneva, Arial, Helvetica, san-serif" size="3"> Please send you pictures to HL     </font></p>
	  <br>For better view, select "View picture in remote window"
	  <br>photos may load slowly---thanks for your patience<br>

<form name="SuzyForm">
  <table border=0>
    <tr>
      <td> 
        <table style="padding:0px; margin:0px" border=0 cellspacing=0>
          <tr align=center> 
            <td bgcolor=f9f9f9 style="background:url(parchment.jpg); width:275px; border-top:2px groove #888888;border-left:4px groove #888888;border-bottom:4px groove #888888; padding:10px;  margin:0px"> 
              <div id="SuzySpot"> 
                <script language=javascript>
document.write('<a href=javascript:SuzyPicRemote("' + ActiveArray[current].PicVal + '");><img name="PicShowing" src=' + ActiveArray[current].PicVal + ' height=200 border=0></a>');
</script>
              </div>
            </td>
            <td style="background:url(parchmentring.jpg); width:36px; border-top:2px groove #888888; border-bottom:4px groove #888888" border=0>&nbsp;</td>
            <td style="background:url(parchment.jpg); border-top:2px groove #888888; border-right:4px groove #888888; border-bottom:4px groove #888888; padding:5px; padding-right:20px; width:275px; font:8pt verdana; color:#000044; margin-left:0px" valign=top> 
              <div id="Journal"> 
                <script language=javascript>
document.write('<br>' + ActiveArray[current].DatVal + '<p style="text-align:justify; text-indent:25px">' + ActiveArray[current].TxtVal);
</script>
              </div>
            </td>
          </tr>
        </table>
        <p> 
        <center>
          <table style="border:2px">
            <tr align=center> 
              <td rowspan=4> 
                <div id="PicSpot"> 
                  <SELECT size=13 style='font:8pt verdana' name='SuzyDropdown' onChange='ShowSuzyPic(SuzyForm.SuzyDropdown.options.selectedIndex);'>
                    <script language=javascript>
  for (loop=0; loop < MainVar; loop++)
  {
  document.write("<option value=" + ActiveArray[loop].PicVal + ">" + ActiveArray[loop].TitVal + "</option>");
  }
</script>
                  </SELECT>
                </div>
              </td>
              <td style="border-bottom:1px solid #cccccc"><font size=2> Category:</font> 
                <select style="font:8pt verdana" name="CategoryDropdown" onChange="ShowSuzyCategory(SuzyForm.CategoryDropdown.options.value);">
                  <option>Choose a category...</option>
                  <script language=javascript>
  TotalCategories = SuzyCategory.length;
  for (loop=0; loop < TotalCategories; loop++)
  {
  document.write("<option value=" + SuzyCategory[loop] + ">" + SuzyCategory[loop] + "</option>");
  }
</script>
                </select>
                <p> 
                  <input type=button value="<<" onClick="PreviousSuzyPic();" style="font:8pt verdana,helvetica,arial; text-align:center">
                  &nbsp; 
                  <input type=button value="random" onClick="RandomSuzyPic();" style="font:8pt verdana,helvetica,arial">
                  &nbsp; 
                  <input type=button value=">>" onClick="NextSuzyPic();" style="font:8pt verdana,helvetica,arial; text-align:center">
              </td>
            </tr>
            <tr>
              <td style="border-bottom:1px solid #cccccc"> 
                <input type=radio name="WhereView" value="chkLocal" CHECKED><font size=2>
                - View pictures in this window. <br>
                <input type=radio name="WhereView" value="chkRemote">
                - View pictures in remote window. </font></td>
            </tr>
            <tr>
              <td style="border-bottom:1px solid #cccccc"><font size=2> 
                <input type=radio name="SelectedMode" value="chkSlideshow" onClick="NextSuzyPic();">
                - slideshow &nbsp; | &nbsp; 
                <input type=radio name="SelectedMode" value="chkAlbum" onClick="ShowSuzyPic(current);" CHECKED>
                - photo album <br>
                <center>
                  Delay: 
                  <input type=text name="Timer" size=3 value="10">
                  seconds
                </center></font>
              </td>
            </tr>
            <tr>
              <td> 
                <p><font size=2>Search for a photo:</font> 
                  <input name="SearchWord" size=10 style="font:8pt verdana">
                  <input type="button" value="Find it!" onClick="javascript:FindPic();" style="font:8pt verdana">
              </td>
            </tr>
          </table>
        </center>
      </td>
    </tr>
  </table>
</form>
</div>

<br>
<div align="left" style="position:absolute;left:240;top:650;font-size:10pt">

<table border="0" cellpadding="0" cellspacing="0" width="580" align="center">
  <tr>
     <td width=15%>
        <br><left><a href="http://member.bcentral.com/cgi-bin/fc/fastcounter-login?3337949" target="_top">
           <img border="0" src="http://fastcounter.bcentral.com/fastcounter?3337949+6675905"></a></left>
     <td width=35%><font color="#dd3300" size=1>
        <script language="JavaScript">
        <!--Hide the script from other browsers
           document.write("");
           document.writeln("This page was last modified on " + document.lastModified);
        // Stop hiding from other browsers-->
        </script>
     </td>
     <td width=20%>
        <p><a class='PFont' href="../../index.html" target="_top"><font color="#dd3300" size="1" face="Arial">Home</font></a></font><br></p>
     </td>
  </tr>
 </table>  
</div>

</body>
</html>