// Global variable
var theme = 0;
var logonum = 0;
var bgcolor = 0;

// When ready, the theme will be set by this function
var now   = new Date();
var theme = now.getMonth();
// getMonth() returns a number between 0 and 11, 0 in Jan, 11 is Dec

// Global array
var themes = new Array();
themes[0]='<a href="http://russia.shaps.hawaii.edu/cseas/seapics/15/img0050.jpg"><img src="images/burma_market/img0050_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/15/img0052.jpg"><img src="images/burma_market/img0052_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/15/img0053.jpg"><img src="images/burma_market/img0053_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/15/img0056.jpg"><img src="images/burma_market/img0056_shaps.jpg" width="150" height="100" alt="" /></a><br />A Burmese market [bannas,chilies,eggplant,mangoes] (click on image to enlarge)';
themes[1] = '<a href="http://russia.shaps.hawaii.edu/cseas/seapics/19/img0030.jpg"><img src="images/angkor_preah_khan/img0030_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/19/img0032.jpg"><img src="images/angkor_preah_khan/img0032_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/17/img0067.jpg"><img src="images/angkor_preah_khan/img0067_shaps.jpg" width="67" height="100" alt="" /></a> \
<br />Angkor, Preah Khan (click on image to enlarge)';
themes[2] = '<a href="http://russia.shaps.hawaii.edu/cseas/seapics/17/img0055.jpg"><img src="images/angkor_thom/img0055_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/63/img007.jpg"><img src="images/angkor_thom/img007_shaps.jpg" width="146" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/63/img009.jpg"><img src="images/angkor_thom/img009_shaps.jpg" width="146" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/63/img010.jpg"><img src="images/angkor_thom/img010_shaps.jpg" width="146" height="100" alt="" /></a><br />Angkor Thom (click on image to enlarge)';
themes[3] = '<a href="http://russia.shaps.hawaii.edu/cseas/seapics/18/img0015.jpg"><img src="images/angkor_wat/img0015_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/18/img0017.jpg"><img src="images/angkor_wat/img0017_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/18/img0018.jpg"><img src="images/angkor_wat/img0018_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/17/img0095.jpg"><img src="images/angkor_wat/img0095_shaps.jpg" width="150" height="100" alt="" /></a><br />Angkor Wat (click on image to enlarge)';
themes[4] = '<a href="http://russia.shaps.hawaii.edu/cseas/seapics/16/img0003.jpg"><img src="images/bangkok/img0003_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/16/img0004.jpg"><img src="images/bangkok/img0004_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/15/img0084.jpg"><img src="images/bangkok/img0084_shaps.jpg" width="150" height="100" alt="" /></a><br />Bangkok (click on image to enlarge)';
themes[5] = '<a href="http://russia.shaps.hawaii.edu/cseas/seapics/17/img0009.jpg"><img src="images/shwedagon/img0009_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/17/img0011.jpg"><img src="images/shwedagon/img0011_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/17/img0014.jpg"><img src="images/shwedagon/img0014_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/17/img0016.jpg"><img src="images/shwedagon/img0016_shaps.jpg" width="150" height="100" alt="" /></a><br />Burma, Bagan, Shwedagon (click on image to enlarge)';
themes[6] = '<a href="http://russia.shaps.hawaii.edu/cseas/seapics/13/img0088.jpg"><img src="images/shwezigon/img0088_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/13/img0090.jpg"><img src="images/shwezigon/img0090_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/13/img0093.jpg"><img src="images/shwezigon/img0093_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/13/img0094.jpg"><img src="images/shwezigon/img0094_shaps.jpg" width="150" height="100" alt="" /></a><br />Burma, Bagan, Shwezigon (click on image to enlarge)';
themes[7] = '<a href="http://russia.shaps.hawaii.edu/cseas/seapics/16/img0008.jpg"><img src="images/thai_grand_palace/img0008_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/16/img0010.jpg"><img src="images/thai_grand_palace/img0010_shaps.jpg" width="150" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/cseas/seapics/16/img0012.jpg"><img src="images/thai_grand_palace/img0012_shaps.jpg" width="150" height="100" alt="" /></a><br />Thailand, Bangkok, Grand Palace (click on image to enlarge)';
themes[8] = '<a href="http://russia.shaps.hawaii.edu/testdir/zhang/800x600/2005_06110100_800x600.jpg"><img src="images/tujia/2005_06110100_thumb_my.jpg" width="133" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/testdir/zhang/800x600/2005_06110101_800x600.jpg"><img src="images/tujia/2005_06110101_thumb_my.jpg" width="133" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/testdir/zhang/800x600/2005_06110102_800x600.jpg"><img src="images/tujia/2005_06110102_thumb_my.jpg" width="133" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/testdir/zhang/800x600/2005_06110103_800x600.jpg"><img src="images/tujia/2005_06110103_thumb_my.jpg" width="133" height="100" alt="" /></a> \
<a href="http://russia.shaps.hawaii.edu/testdir/zhang/800x600/2005_06110133_800x600.jpg"><img src="images/tujia/2005_06110133_thumb_my.jpg" width="133" height="100" alt="" /></a><br />China, Tujia handicrafts (click on image to enlarge)';

function changeTheme () {
	var elem = document.getElementById("theme");
	if (elem) {
		elem.innerHTML = themes[theme];
	    theme = theme + 1;
		if (theme >= themes.length)
			theme = 0;
	}
}

var logos = new Array();
logos[0] = "images/WebBambooBern.jpg";
logos[1] = "images/WebBambooCentGoth.jpg";
logos[2] = "images/WebBambooMarker.jpg";
logos[3] = "images/WebBambooBrush.jpg";
logos[4] = "images/WebBambooGid.jpg";
logos[5] = "images/WebBambooText600x210.jpg";
logos[6] = "images/WebBambooCaflisch.jpg";
logos[7] = "images/WebBambooLucid.jpg";
logos[8] = "images/WebBambooText.jpg";

function changeLogo() {
	var elem = document.getElementById("logo");
	if (elem) {
		logonum = logonum + 1;
		if ( logonum >= logos.length)
			logonum = 0;
		elem.setAttribute("src",logos[logonum]);
    }
}

function toggle(elem) {
   var obj = document.getElementById(elem);
   if (obj) {
      //alert('default display style is ' + obj.style.display);
      if ( obj.style.display == "none") {
	     obj.style.display = "table";
      }
      else {
	  obj.style.display = "none";
          //if (elem !== "alternate")
	  //  obj.className = "nav";
      }
   }
}

 function setDisplay() {
   document.getElementById("b4nav").style.display = "none";
 }

 function changeColor() {
   var colors = new Array();
   colors = ["#f5e4c8","#f2e1c5","#e8d3b8","#f5deb3","#ffe7ba","#eed8ae","#cdba96","#fffafa","#ffdab9","#ffefd5","#ffe4b3","#ff00ff"];
   var obj = document.getElementById("body");
   //alert("background-color is " + document.getElementById("body").style.backgroundColor);
   if (obj) {
       bgcolor = bgcolor + 1;
       if ( bgcolor >= colors.length )
           bgcolor = 0;
       obj.style.backgroundColor = colors[bgcolor];
       //alert("background-color: " + colors[bgcolor]);
       document.getElementById("colorbutton").innerHTML = colors[bgcolor];
     }
 }

sfHover = function() {
   var sfEls = document.getElementById("nav").getElementsByTagName("LI");
   for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
           this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
           this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
   }
}

function init() {
   if (window.attachEvent)
      window.attachEvent("onload", sfHover);
}