// all enclosed by a single row table
document.write('<table border="0" cellpadding="0" cellspacing="6" align="center"><tr>');

// Create blank space on the left side to balance extra buttons on the right
// based on button settings in the myshow.js file

leftw =  24*close_button + 24*help_button + 48*resize_button + 24*auto_button;
if (leftw > 0) document.write('<td width="' + leftw  + '">&nbsp;</td>');

/*
    Note- you can customize the left to write order of the slide buttons
    by cutting/pasting each section below noted by (*). You may run into
    JavaScript issues if you are not careful! And if your text editor inserts
    RETURN characters where they do not belong.
    
    Default order is:
      1. previous slide
      2. drop down menu
      3. auto play check box (#)
      4. next slide
      5. image resize  (#)
      6. close window  (#)
      7. pop up help   (#)
     
         
   (#) buttons visibility is controlled by settings in the myshow.js file
*/

// (*) previous slide button
document.write('<td valign="top"><a href="#" onClick="slideClick(-1); return false" onMouseover="window.status=\'go to previous slide\'; return true"><img src="buttons/left.jpeg" alt="previous (button)" width="50" height="50" border=0 name="leftb"></a></td>\n');




// (*) drop down menu for slide selection
document.write('<td valign="bottom" align="center"><select name="gomenu" onChange="goSlide()">');
document.write('<option>slide show...</option>');
for (i=1; i<menus.length; i++) {
    document.write('<option>' + i + '. ' + menus[i] + '</option>');
}
document.write('</select><br><img src="buttons/loading_blink.jpeg" alt="loading..." align="left" width="64" height="12" name="lstat"><span class="copy"><a href="http://www.mcli.dist.maricopa.edu/proj/jclicker/" target="_new">jclicker &copy;2004 mcli</a></span></td>\n');




// (*) check box for the auto play
if (auto_button) {
    document.write('<td valign="bottom" bgcolor="#333333" class="label"><input type="checkbox" name="auto" VALUE="0" onClick="autoShow()"><br>auto</td>\n');
}



// (*) next slide button
document.write('<td valign="top"><a href="#" onClick="slideClick(1); return false" onMouseover="window.status=\'go to next slide\'; return true"><img src="buttons/right.jpeg" alt="next (button)" width="50" height="50" border=0 name="rightb"></a></td>\n');



// (*) image sizing buttons (hide from NetScape which cannot do this)
if (resize_button)  {
document.write('<td valign="bottom" class="label" align="center" nowrap>');
document.write('<a href="#" onClick="resize_image(1.25); return false" onMouseover="window.status=\'make image bigger\'; return true"><img src="buttons/bigger.jpeg" alt="make bigger" width="24" height="25" border="0" hspace="4" vspace="2"></a><a href="#" onClick="resize_image(0.8); return false" onMouseover="window.status=\'make image smaller\'; return true">');
document.write('<img src="buttons/smaller.jpeg" alt="make smaller" width="24" height="25" border="0" hspace="4" vspace="2"></a><br>image size</td>');
    }


//  (*) close window button
if (close_button) {
document.write('<td valign="bottom" class="label" align="center"><a href="#" onClick="parent.self.close(); return false" onMouseover="window.status=\'close slide show browser window\'; return true"><img src="buttons/close.jpeg" alt="close window button" width="24" height="24" border=0 name="close" vspace="2"></a><br>close</td>');
}

//  help button
if (help_button) {
document.write('<td valign="bottom" class="label" align="center"><a href="#" onClick="window.open(\'help.html\', \'helper\', \'scrollbars,status,width=620, height=500\');return false" onMouseover="window.status=\'help for slide show controls\'; return true"><img src="buttons/help.jpeg" alt="help (button)" width="24" height="24" border="0"  vspace="2"></a><br>help</td>\n');
}

// close the table
document.write('</tr></table>\n');