var recent = "Casa Victoria;Moab 2005;Found Cat;Grand Canyon;Wedding";
var recent_links = "http://members.cox.net/casa_victoria/index.htm;" + 
      "http://www.drin.org/jason/Adventures/Moab_2005/;" + 
      "http://www.drin.org/jason/foundcat/cat.htm;" + 
          "http://www.drin.org/jason/Adventures/Grand_Canyon/index.htm;" + 
         "http://members.cox.net/chollaball/wedding/index.htm";

var site_nav = "Home;Adventures;Moab 2000;Moab2k2;Moab 2003;Moab 2004;Jason;Beckie";
var site_nav_links="http://members.cox.net/chollaball;" + 
            "http://members.cox.net/kila/Adventures/adventures2.html;" +
  "http://members.cox.net/kila/Adventures/Moab/moab.html;" +
  "http://www.drin.org/jason/Adventures/Moab2k2/index.htm;" + 
 "http://members.cox.net/cholla51/Adventures/Moab2003/index.htm;" + 
      "http://www.drin.org/jason/Adventures/Moab_2004/index.htm;" + 
      "mailto:chollaball@cox.net;mailto:beckieholmes@cox.net";


                           


/* fadein and out  *********************   */

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 5;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);

		}
	}
}

function fadeOut(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity >= 0) {
			setOpacity(obj, opacity);
			opacity -= 5;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
           }
       	}
  }


function initImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
   fadeIn(imageId,0);
}
   


function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}


  //used to auto fade in and out
function changer() {
  fadeOut('thephoto',100);
 // pausecomp(50000);
 // alb_index_page();
  document.getElementById('photo2').innerHTML='<img src=\'1bed.jpg\' alt=\'Photo2\' id=\'thephoto2\' />'
     fadeIn('thephoto2',0);
setTimeout('alb_index_page()', 3000);
}


/*
see fadeintest.htm

style holders
#photoholder {
	width:799px;
	height:643px;
   
}
#thephoto {
	width:799px;
	height:630px;
}  

html
   <div slign="center" id='photoholder'> <img src='../images/canyon1.jpg' alt='Photo' id='thephoto'onClick=" fadeOut('thephoto',100); window.setTimeout('redirect(index)', 3000);" /></div>

in the header
var index = "index.htm";
document.write("<style type='text/css'>#thephoto {visibility:hidden;}</style>");

window.onload = function() {initImage()}
   
   
   */



//nav utilities ***************************

function redirect(loc) {
     location.replace(loc);

     }



//easier floaty table of contents ************************
 //  http://www.csscreator.com/menu/multimenu.php
activateMenu = function(nav) {

    /* currentStyle restricts the Javascript to IE only */
	if (document.all && document.getElementById(nav).currentStyle) {  
        var navroot = document.getElementById(nav);
        
        /* Get all the list items within the menu */
        var lis=navroot.getElementsByTagName("LI");  
        for (i=0; i<lis.length; i++) {
        
           /* If the LI has another menu level */
            if(lis[i].lastChild.tagName=="UL"){
            
                /* assign the function to the LI */
             	lis[i].onmouseover=function() {	
                
                   /* display the inner menu */
                   this.lastChild.style.display="block";
                }
                lis[i].onmouseout=function() {                       
                   this.lastChild.style.display="none";
                }
            }
        }
    }
}

//populates floaty table of contents 

function stuff_list(topic_name, topic_array, link_array)
{

   var topics  = new Array();
   var links  = new Array();
   var topics=topic_array.split(";");
   var links=link_array.split(";");

   document.writeln('<li><a href="#"> ' + topic_name + '</a> <ul>');
	for (i = 0; i < topics.length; i++) {
                                          		
                                              
  document.write('<li><a href=' + links[i] + '>'  + topics[i] + ' </a> </li>');
      
	}
  
    document.writeln('</ul></li> ');

   }