// JavaScript Document
// Global variables
	var picture_object_thumb = new Array();
	var picture_object = new Array();
	picture_names = [
	"alligator_fountain", //.jpg picture is assumed
	"floating_wheel",
	"piano_and_bench", 
	"spirit_path_annotated",  //.gif MUST add the picture name to the conditional below.
	"still_horse", 
	"time_frozen_hands",
	"taosaw"  //Don't put a comma here IE7 doesn't like it.
	]
	picture_captions = [
	"<em><strong>Always</strong></em> read the fine print!",
	"Sometimes I navigate with a disconnected steering column.",					
	"Rectangles are remarkable.",
	"&quot;Think globally, act locally&quot; is out of date already.",
	"Small can be good. Motion can be an illusion.",
	"Time can appear to stop, but it never does.",
	"If you have read this far, then I have a deal for you. Cut through the karma in your life with my patented Tao Saw... only $999.99 Act NOW! Quantities unlimited! I need the money."
	]
// functions start here
//function make_table(){
	document.write("<table border='1' ><tr><th scope='col'>Visual Lessons</th></tr>	");
	loop_end = picture_names.length;
	for (i=0;i<loop_end;i++){
		//Loop through all items in the array
		document.write("<tr><td>");
					   //onmouseover="picture_frame.src=alligator_fountain.src"
					   //onmouseout="picture_frame.src='webpics/taosaw_thumb.jpg'"
		//alert("i= "+i+" : picture_names.length="+picture_names.length+" : picture_names["+i+"]= "+picture_names[i]);
		picture_object_thumb[i]=new Image();
		picture_object[i]= new Image();
		if(picture_names[i] == "spirit_path_annotated"){//Beginning of the conditional. Is the picture a .gif?
			picture_object_thumb[i].src = "webpics/"+picture_names[i]+"_thumb.gif"; //yes .gif
			picture_object[i].src = "webpics/"+picture_names[i]+".gif"; //yes .gif			
		}else{ 
			picture_object_thumb[i].src = "webpics/"+picture_names[i]+"_thumb.jpg"; //No picture is a .jpg
			picture_object[i].src = "webpics/"+picture_names[i]+".jpg"; //No picture is a .jpg
		}//end of conditional	
		//document.write("i= "+i+" : picture_names.length="+picture_names.length+" : picture_names["+i+"]= "+picture_names[i]+"<br />");
		document.write("<img src="+picture_object_thumb[i].src+" class='float_right' onmouseover=show_big("+i+") onmouseout=hide_big("+i+") />");
		document.write(picture_captions[i]);
		document.write("</td></tr>");
	}
	document.write("</table>");
//}

function show_big(counter){ //Is the picture is a .gif?
/*	if(picture_names[counter] == "spirit_path_annotated"){
		document.getElementById("picture_frame").src= "webpics/"+picture_names[counter]+".gif";
	}else{
		document.getElementById("picture_frame").src= "webpics/"+picture_names[counter]+".jpg";
	}*/
	document.getElementById("picture_frame").src= picture_object[counter].src;	
	document.getElementById("picture_frame").style.display = "block";
	
}

function hide_big(counter){
	document.getElementById("picture_frame").style.display = "none";
	//alert(picture_names[counter]);
	//document.getElementById("picture_frame").src= "";
}