var photos=new Array()
var photoslink=new Array()
var caption=new Array()
var which=0


//define images. You can have as many as you want:

photos[0]="images/beefStew.gif"
photos[1]="images/bunboHue.gif"
photos[2]="images/bunRieu.gif"
photos[3]="images/canhChua.gif"
photos[4]="images/huTieu.gif"
photos[5]="images/lauThai.gif"
photos[6]="images/phoBo.gif"
photos[7]="images/phoGa.gif"
photos[8]="images/supChay.gif"
photos[9]="images/supGa.gif"
photos[10]="images/supHeo.gif"
 

//Specify whether images should be linked or not (1=linked)

var linkornot=0
 

//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"

photoslink[0]="recipes/beefstew.html"
photoslink[1]="recipes/bunbohue.html"
photoslink[2]="recipes/bunrieu.html"
photoslink[3]="recipes/canhchua.html"
photoslink[4]="recipes/hutieu.html"
photoslink[5]="recipes/lauthai.html"
photoslink[6]="recipes/phobo.html"
photoslink[7]="recipes/phoga.html"
photoslink[8]="recipes/supchay.html"
photoslink[9]="recipes/supga.html"
photoslink[10]="recipes/supheo.html"


caption[0]="<b><i><font face=Verdana size=2>Beef Stew Seasoning</font> - 10 oz, 24 units/case</i></b><br>This seasoning is used to marinade beef to make beef stew<br><u><i>Ingredients</i></u>:4 lbs inch-across-cut carrot, 10 cloves chopped garlic, 2 bulbs diced onion, 2 lb across-cut beef tendon, and 6 lb diced beef shank<br><u><i>Directions</i></u>: Mix meat, tendon, onion, garlic and contents of beef stew seasoning. Optional, stir-fry for about 10 minutes. Add enough water to cover meat. Cook at medium flame for about 2 hours. Add carrot, adjust with water to 2 gallons and cook for another 1/2 hour until carrot soften."
caption[1]="<b><i><font face=Verdana size=2>\"Hue\" Style Beef Flavored Soup Base</font> - 10 oz, 24 units/case</i></b><br>This soup base is used to make beef noodle soup that comes from central Vietnam and is different than \"pho\" with lemon grass, fried onion, and shrimp paste.<br><u><i>Ingredients</i></u>: 2 pieces of pork feet, 3 pieces of beef tendon, 2 lb of de-boned pork leg, 3 lb of beef shank<br><u><i>Directions</i></u>: Blanch meats for 15 minutes. Discard solution and rinse meats. Put meats into pot, add enough water to cover meats and bring to boil. Dissolve contents of this soup base. Remove pork after 1 hour of boiling and beef after 3 hours. Adjust water to 2 gallons, Bring to boil and serve."
caption[2]="<b><i><font face=Verdana size=2>Crab Flavored Soup Base</font> - 10 oz, 24 units/case</i></b><br>This soup base is used to make crab soup<br><u><i>Ingredients</i></u>: minced dried shrimp 4oz (113g), 10 eggs, 4 tomatos, cubed fried tofu (optional)<br><u><i><u><i>Directions</i></u></i></u>: Boil 1.5 gallons of water in a pot. Dissolve the contents of soup base in the pot. Mix eggs with shrimp in a bowl until uniform and slowly pour the mixture into the broth pot while boiling. Add tomatoes and tofu. After 2 minutes, stir slowly. Adjust water to 2 gallons or to taste, bring to boil and serve. For 20 bowls."
caption[3]="<b><i><font face=Verdana size=2>Tamarind Flavored Soup Base</font> - 10 oz, 24 units/case</i></b><br><u><i>Directions</i></u>: Dissolve the contents of soup base in 1.5 gallons of water and bring to boil. Add meats or seafoods and vegetables of your choice. Simmer for about 15 minutes or until done. Adjust water to 2 gallons or to taste, bring to boil and serve. For vegetarian dish, replace meats and seafoods with vegetarian meats or seafoods and tofu"
caption[4]="<b><i><font face=Verdana size=2>Pork Flavored \"Hu Tieu\" Soup Base</font> - 10 oz, 24 units/case</i></b><br>This soup base is used to make pork rice noodle (Hu Tieu)<br><u><i>Ingredients</i></u>:3 lb of de-boned pork leg, 2 pieces of pork heart, 1 piece of dried squid<br><u><i>Directions</i></u>:Blanch meats for 15 minutes.  Discard solution and rinse meats thoroughly.  Put meats into pots, add 2 gallons of water and bring to boil.  Dissolve contents (10 oz) of soup base.  Remove meats after 1 hour of boiling.  Adjust water to 2 gallons.  Bring to boil and serve.  For 20 bowls."
caption[5]="<b><i><font face=Verdana size=2>Thai Tom Yum Soup Base</font> - 10 oz, 24 units/case</i></b><br><u><i>Directions</i></u>: dissolve soup base in boiling water to make broth. add vegetables, seafood or meats to make thai tom yum soup. serve with noodles or rice.<br><table><tr><td><b>Water</b></td><td>2 gallons</td><td>1 gallon</td><td>8 fl oz (1 cup)</td></tr><tr><td><b>Soup Base</b></td><td>10 oz (283g)</td><td>5 oz (141g)</td><td>1 full teaspoon</td></tr></table>"
caption[6]="<b><i><font face=Verdana size=2>Beef Flavored \"Pho\" Soup Base</font> - 10 oz, 24 units/case</i></b><br>This soup base is used to make beef noodle soup pho.<br><u><i>Ingredients</i></u>:3-4 lb of beef flank or brisket, 1 lb of beef tendon, 1 bulb of onion, 2 pieces of ginger<br><u><i>Directions</i></u>: Blanch meats for 15 minutes. Discard solution and rinse meats. Put meat, onion, and ginger in the pot and add enough water to cover meats. Boil at medium flame for 2 hours. Add contents of soup base. Do not tear spice filter bag (included in soup base). Boil at medium flame until meats are softened. Remove meats, onion, ginger, and spice bag. Adjust water to 2 gallons or to taste. Bring to boil and serve."
caption[7]="<b><i><font face=Verdana size=2>Chicken Flavored \"Pho\" Soup Base</font> - 10 oz, 24 units/case</i></b><br>This product is used to make chicken noodle soup pho<br><u><i>Ingredients</i></u>: 1-2 chickens, 1 bulb of onion, 2 pieces of ginger<br><u><i><u><i>Directions</i></u></i></u>: Put the chicken, onion, and ginger in the pot and add enough water to cover meat. Bring to boil. Add contents of soup base. Do not tear spice filter bag (included in soup base). Boil for 20 minutes at medium flame. Remove chicken, onion, ginger, and spice bag. Adjust water to 2 gallons or to taste. Bring to boil and serve."
caption[8]="<b><i><font face=Verdana size=2>Vegetarian Soup Base</font> - 10 oz, 24 units/case</i></b><br><u><i>Directions</i></u>: Dissolve soup base in boiling water to make broth.  Add vegetables, noodles, rice, etc, to make soup.<br><table><tr><td><b>Water</b></td><td>2 gallons</td><td>1 gallon</td><td>8 fl oz (1 cup)</td></tr><tr><td><b>Soup Base</b></td><td>10 oz (283g)</td><td>5 oz (141g)</td><td>1 full teaspoon</td></tr></table>"
caption[9]="<b><i><font face=Verdana size=2>Chicken Flavored Soup Base</font> - 10 oz, 24 units/case</i></b><br><u><i>Directions</i></u>: Dissolve soup base in boiling water to make broth.  Add vegetables, noodles, rice, etc, to make soup.<br><table><tr><td><b>Water</b></td><td>2 gallons</td><td>1 gallon</td><td>8 fl oz (1 cup)</td></tr><tr><td><b>Soup Base</b></td><td>10 oz (283g)</td><td>5 oz (141g)</td><td>1 full teaspoon</td></tr></table>"
caption[10]="<b><i><font face=Verdana size=2>Pork Flavored Soup Base</font> - 10 oz, 24 units/case</i></b><br><u><i>Directions</i></u>: Dissolve soup base in boiling water to make broth.  Add vegetables, noodles, rice, etc, to make soup.<br><table><tr><td><b>Water</b></td><td>2 gallons</td><td>1 gallon</td><td>8 fl oz (1 cup)</td></tr><tr><td><b>Soup Base</b></td><td>10 oz (283g)</td><td>5 oz (141g)</td><td>1 full teaspoon</td></tr></table>"

//do NOT edit pass this line

var preloadedimages=new Array()

for (i=0;i<photos.length;i++){
   preloadedimages[i]=new Image()
   preloadedimages[i].src=photos[i]
}

function applyeffect(){
   if (document.all && photoslider.filters){
      photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
      photoslider.filters.revealTrans.stop()
      photoslider.filters.revealTrans.apply()
   }
}

function playeffect(){
   if (document.all && photoslider.filters)
      photoslider.filters.revealTrans.play()
}

function keeptrack(){
   window.status="Image "+(which+1)+" of "+photos.length
}

function backward(){
   if (which>0){
      which--
      applyeffect()
      document.images.photoslider.src=photos[which]
      playeffect()
      keeptrack()
   }
   document.getElementById("caption").innerHTML=caption[which];
}

function forward(){
   if (which<photos.length-1){
      which++
      applyeffect()
      document.images.photoslider.src=photos[which]
      playeffect()
      keeptrack()
   }
   document.getElementById("caption").innerHTML=caption[which];
}

function transport(){
   window.location=photoslink[which]
}


function loadimages(){
   if (linkornot==1){
      document.write('<a href="javascript:transport()" target="_blank">')
   }
   document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
   if (linkornot==1){
      document.write('</a>')
   }
   document.write('<div id="caption" style="width:450px;height:200px;text-align:justify"><p>' + caption[0] + '</p></div>')
}

function modifyimages(index){
   which=index
   applyeffect()
   document.images.photoslider.src=photos[which]
   playeffect()
   keeptrack()
   document.getElementById("caption").innerHTML=caption[which];
}

/********************************/

var crossobj
var contentwidth
var Thumbnail=new Array()
Thumbnail[0]="images/beefStewThumbnail.gif"
Thumbnail[1]="images/bunBoHueThumbnail.gif"
Thumbnail[2]="images/bunRieuThumbnail.gif"
Thumbnail[3]="images/canhChuaThumbnail.gif"
Thumbnail[4]="images/huTieuThumbnail.gif"
Thumbnail[5]="images/lauThaiThumbnail.gif"
Thumbnail[6]="images/phoBoThumbnail.gif"
Thumbnail[7]="images/phoGaThumbnail.gif"
Thumbnail[8]="images/supChayThumbnail.gif"
Thumbnail[9]="images/supGaThumbnail.gif"
Thumbnail[10]="images/supHeoThumbnail.gif"


_width_of_container = 450
_width_of_content = 1100

iens6=document.all||document.getElementById
ns4=document.layers

function loadThumbnails(){
   if (iens6){
      document.write('<div id="container" style="width:' + _width_of_container + 'px;position:relative;overflow:hidden;height:100px;font-size:20px;">')
      document.write('<div id="images" style="left:0;width:' + _width_of_content + 'px;position:absolute;top:0;">')

      for (i=0; i<Thumbnail.length; i++){ 
         document.write('<img src="' + Thumbnail[i] + '" onClick="modifyimages(' + i + ')"/>')
      }

      document.write('</div></div>')
      crossobj=document.getElementById? document.getElementById("images") : document.all.content
      contentwidth=crossobj.offsetWidth
   }
   else if (ns4){
      crossobj=document.nscontainer.document.nscontent
      contentwidth=crossobj.clip.width
   }
}

function moveright(_speed){
   stopscroll()
   var _left = parseInt((iens6) ? crossobj.style.left : crossobj.left,10)
   if (iens6&&_left>=contentwidth*(-1)+_width_of_container+_speed)
      crossobj.style.left=_left-_speed+"px"
   else if (ns4&&_left>=contentwidth*(-1)+_width_of_container+_speed)
      crossobj.left-=_speed
   moverightvar=setTimeout("moveright("+_speed+")",20)
}

function moveleft(_speed){
   stopscroll()
   var _left = parseInt((iens6) ? crossobj.style.left : crossobj.left,10)
   if (iens6&&_left<0)
      crossobj.style.left=_left+_speed+"px"
   else if (ns4&&_left<0)
      crossobj.left+=_speed
   moveleftvar=setTimeout("moveleft("+_speed+")",20)
}

function stopscroll(){
   if (window.moveleftvar) clearTimeout(moveleftvar)
   if (window.moverightvar) clearTimeout(moverightvar)
}

function moveleftmost(){
   stopscroll()
   if (iens6)
      crossobj.style.left=0+"px"
   else if (ns4)
      crossobj.left=0
}

function moverightmost(){
   stopscroll()
   if (iens6)
      crossobj.style.left=contentwidth*(-1)+_width_of_container
   else if (ns4)
      crossobj.left=-contentwidth*(-1)+_width_of_container
}

function init_ns(){
   document.nscontainer.document.nscontent.visibility="show"
}

if (ns4) window.onload=init_ns