// JavaScript Document

			var img_name = new Array();
			var img_details = new Array();	
			
/*Change these file names and details to put new images on the site */
	
			/* WATER [0-9] */
			/* EARTH [10-18] */
			/* NEW WORK [20-28] */
			/* RECENT SALES [30-38]*/
			/* RECENT commissions [40-48]*/
			/* NATURE [50-58] */
		
		
/* WATER [0-9] */		
			img_name[0]= "LOOKING FOR SPRING";
			img_name[1]= "CAPE FLATTERY STACKS";
			img_name[2]= "TURBULENCE";
			img_name[3]= "WINTER'S BREATH";
			img_name[4]= "ICE FLOE";
			img_name[5]= "DREAM I";
			img_name[6]= "DREAM II";
			img_name[7]= "DREAM III";
			img_name[8]= "UNDERWATER VIEWS";

			img_details[0]= "30” x 40” Acrylic Collage";
			img_details[1]= "20” x 20” Acrylic on Canvas";		
			img_details[2]= "36” x 36” Acrylic Collage on Canvas";
			img_details[3] ="20” x 16” Acrylic on Clayboard";
			img_details[4]= "20” x 20” Acrylic Collage on Canvas";
			img_details[5]= "20” X 30” Acrylic and Oil Pastel on Canvas";
			img_details[6]= "20” X 30” Acrylic and Oil Pastel on Canvas";
			img_details[7]= "20” X 30” Acrylic and Oil Pastel on Canvas";
			img_details[8]= "30” x 24” Acrylic on Canvas";

/* EARTH [10-19] */
			img_name[10]= "A MATTER OF DEGREES triptych";
			img_name[11]= "CLIMATIC EXTREMES";
			img_name[12]= "SNOW LEOPARD";
			img_name[13]= "FRAGMENTS";
			img_name[14]= "DAFFODILS";
			img_name[15]= "KALALOCH BEACH I";
			img_name[16]= "MONOCHROME";
			img_name[17]= "EQUINOX I";
			img_name[18]= "HIDDEN FROM VIEW";
									
			img_details[10]	= "each 24” x 30” Acrylic on Canvas";
			img_details[11]	= "36” x 36” Acrylic Collage on Canvas";
			img_details[12]	= "12” x 12” Acrylic Collage on Canvas";
			img_details[13]	= "36” x 36” Acrylic Collage on Canvas";
			img_details[14]	= "20” x 20” Acrylic and Oil Pastel on Canvas";
			img_details[15]	= "20” x 20” Acrylic on Canvas";
			img_details[16]	= "30” x 30” Acrylic Collage on Canvas";
			img_details[17]	= "30” x 30” Acrylic & Oil Pastel on Canvas";
		    img_details[18]	= "12” x 12” Acrylic Collage on Canvas";					
					
/* NEW WORK [20-29] */
			img_name[20]= "THE CROW";
			img_name[21]= "SUMMER'S END";
			img_name[22]= "REMEMBERING REMBRANDT";
			img_name[23]= "MIGRATION";
			img_name[24]= "INGENUITY";
			img_name[25]= "EMERGING FORMS";	
			img_name[26]= "CONCEPTUALIZATION";
			img_name[27]= "KALALOCH BEACH II";		
			img_name[28]= "UNDERWATER VIEWS";		
			
		 	img_details[20]	= "18” x 24” Acrylic Collage on Canvas";
		 	img_details[21]	= "30” x 24” Acrylic Collage on Canvas";
			img_details[22]	= "18” x 24” Acrylic on Canvas";
			img_details[23]	= "18” x 24” Acrylic Collage on Canvas";
			img_details[24]	= "20” x 20” Acrylic and Collage on Canvas";
			img_details[25]	= "24” x 24” Gesso, Acrylic collage on Canvas";
			img_details[26]	= "24” x 18” Acrylic and Oil Pastel on Canvas";
			img_details[27]	= "20” x 20” Acrylic on Canvas";
			img_details[28]	= "30” x 24” Acrylic on Canvas";
			
/* RECENT SALES [30-39]*/	
			img_name[30]	= "MARINE LAYERS";
			img_name[31]	= "OCEAN TRILOGY I"; 
			img_name[32]	= "THE TIPPING POINT";			
			img_name[33]	= "REFRACTED LIGHT";
			img_name[34]	= "SNOWFALL";
			img_name[35]	= "DUST STORM";			
			img_name[36]	= "WILLAMETTE VALLEY";
			img_name[37]	= "ANCHORED";
			img_name[38]	= "FEATHERS";



		 	img_details[30]	= "20” x 16” Acrylic on Clayboard";
		 	img_details[31]	= "12” x 12” Acrylic on Canvas";
			img_details[32]	= "12” x 12” Acrylic on Clayboard";
			img_details[33]	= "30” x 30” Acrylic and Oil Pastel on Canvas";
			img_details[34]	= "16” x 16”Acrylic on Clayboard";
			img_details[35]	= "24” x 24” Acrylic Collage on Canvas";
			img_details[36]	= "20” x 16” Acrylic and Oil Pastel on Clayboard";
			img_details[37]	= "40” x 30” Acrylic Mixed Media on Canvas";
			img_details[38]	= "12” x 12” Mixed Media on Canvas";

/* RECENT commissions [40-49]*/
			img_name[40]	= "COBALT BLUE ETCHED IN TIME";
			img_name[41]	= "STONE WORK TRIPTYCH";
			img_name[42]	= "GEORGIAN BAY";
			img_name[43]	= "A PUZZLE IN CONTRASTS";
			img_name[44]	= "";
			img_name[45]	= "";
			img_name[46]	= "";
			img_name[47]	= "";
			img_name[48]	= "";

		 	img_details[40]	= "66” x 48” Acrylic Collage and Oil Pastel on Canvas";
			img_details[41]	= "10” X 20” Panels of Acrylic on Canvas";
			img_details[42]	= "20” X 16” Acrylic on Canvas";
			img_details[43]	= "64” x 28” Acrylic Collage on Canvas";
			img_details[44]	= "";
			img_details[45]	= "";
			img_details[46]	= "";
			img_details[47]	= "";
			img_details[48]	= "";


/* NATURE [50-59] */

			img_name[50]	= "THE WINGS OF MY MOTHER";
			img_name[51]	= "WINGS IN FLIGHT";
			img_name[52]	= "GREAT BLUE";
			img_name[53]	= "WAVES OF LIGHT";
			img_name[54]	= "BURSTING FORTH";
			img_name[55]	= "";
			img_name[56]	= "";
			img_name[57]	= "";			
			img_name[58]	= "";
			
		 	img_details[50]	= "24” x 30” Acrylic and Oil Pastel on Canvas";
			img_details[51]	= "24” x 36” Mixed Media on Canvas";
			img_details[52]	= "24” x 18” Acrylic on Canvas";
			img_details[53]	= "24” x 36” Acrylic Collage on Canvas";
			img_details[54] = "36” x 36” Acrylic and Oil Pastel on Canvas";
			img_details[55] = "";
			img_details[56] = "";
			img_details[57] = "";
			img_details[58] = "";			
		
		        function over(but)
        {
            var button= but;
            switch(button)
            {
            case 1 : 
            document["Fwd_Button"].src = "Images/Buttons/Fwd_over.jpg"
            break;
            
            case 2 : 
            document["Home_Button"].src = "Images/Buttons/Home_over.jpg"
            break;
            
            case 3 : 
            document["Back_Button"].src = "Images/Buttons/Back_over.jpg"
            break;
            
            default: alert ("# not in range");
            }
        }
	
	
			function out(but)
		{
			var button= but;
            switch(button)
            {
				
			case 1 : 
			document["Fwd_Button"].src = "Images/Buttons/Fwd_normal.jpg"
			break;
			
			case 2 : 
			document["Home_Button"].src = "Images/Buttons/Home_normal.jpg"
			break;
			
			case 3 : 
			document["Back_Button"].src = "Images/Buttons/Back_normal.jpg"
			break;
			
			default: alert ("# not in range");
			}
		}

			function clickit(img,but)
		{
			var button= but;
			var image = img;
			var max_img = new Array( 9, 9, 9, 9, 4, 5 );
			/* Change the above values as the number of images per page changes */
			/* Order is:  WATER/EARTH/NEW WORK/RECENT SALES/RECENT COMMISSIONS/NATURE */
			var page = Math.floor(img/10);
			var inpage = image-page*10+1;
			/*Above gives modulus 10 of image number to find the page number */
			/*Note: Array indices starts at 0*/
			
            switch(button)
			{
			
            case 1: /*Forward Button */
				var test = max_img[page];
				if (inpage < test )
				{
						var new_img = ++img;
						var url_pt1 = "display6.html?img=";
						var url = url_pt1 + new_img;
						parent.location=url;
				}		
				else
				{
						var url = "index.html";
						parent.location=url;
				}
			break;
			
			case 2: /*Home button */
						var url = "index.html";
						parent.location=url;
			break;
	
			case 3: /*Back buttton*/
				if (inpage > 1 )
				{
						var new_img = --img;
						var url_pt1 = "display6.html?img=";
						var url = url_pt1 + new_img;
						parent.location=url;
				}		
				else
				{
						var url = "index.html";
						parent.location=url;
				}
			break;
			}
		}

		
	function label(img)
	
	{
	var image=img;
	var page    = Math.floor(image/10);
	var earth   = "<h1 id=\"Earth Group\">Earth Group</h1>";
	var water   = "<h1 id=\"group\">Water Group</h1>";
	var latest  = "<h1 id=\"group\">New Work</h1>";
	var sales   = "<h1 id=\"group\">Recent Sales</h1>";
	var commisions = "<h1 id=\"group\">Recent Commissions</h1>";
	var nature  = "<h1 id=\"group\">Nature Group</h1>";


		switch(page)
		{
			
			case 0: 
			document.write(water);
			break;
			
			case 1:
			document.write(earth);
			break;
			
			case 2: 
			document.write(latest);
			break;
			
			case 3:
			document.write(sales);
			break;
	
			case 4:
			document.write(commissions);
			break;
			
			case 5:
			document.write(nature);
			break;	
			
			default:
			break;

		
		
		}

	}
	


function showThumb(picNo)
{
		var pic = picNo;
		var thumb_string 	= " <p class=\"centeredImage\"><a href=\"#\" onclick=\"window.location.href=\'display6.html?img=" + picNo + "\'\"><img src=	\"Images/Thumbnails/" + img_name[picNo] +"_thumb.jpg\"" +"/></a></p>";
	
		 document.write(thumb_string);
		 var textUnder = "<h1 class=\"thumb\">" + img_name[picNo] +"</h1>";
		 document.write(textUnder);

						
		 

}



