// JavaScript Document

//Changing text and pictures

function picturechange(number, array) {
	var element = document.getElementById("pictureDescription");
	element.innerHTML = (description[number]); 
    document.myPicture.src=pictures[number]
}

//text to change
description = new Array();

//show1
description[0] = "<p><strong>A witty description</strong></p>";
description[1] = "<p><strong>A witty description</strong></p>";
description[2] = "<p><strong>A witty description</strong></p>";
description[3] = "<p><strong>A witty description</strong></p>";
description[4] = "<p><strong>A witty description</strong></p>";
description[5] = "<p><strong>A witty description</strong></p>";
description[6] = "<p><strong>A witty description</strong></p>";
description[7] = "<p><strong>A witty description</strong></p>";
description[8] = "<p><strong>A witty description</strong></p>";
description[9] = "<p><strong>A witty description</strong></p>";
//show 2
description[10] = "<p><strong>A witty description</strong></p>";
description[11] = "<p><strong>A witty description</strong></p>";
description[12] = "<p><strong>A witty description</strong></p>";
description[13] = "<p><strong>A witty description</strong></p>";
description[14] = "<p><strong>A witty description</strong></p>";
description[15] = "<p><strong>A witty description</strong></p>";
description[16] = "<p><strong>A witty description</strong></p>";
description[17] = "<p><strong>A witty description</strong></p>";
description[18] = "<p><strong>A witty description</strong></p>";
description[19] = "<p><strong>A witty description</strong></p>";
description[20] = "<p><strong>A witty description</strong></p>";
//show3
description[21] = "<p><strong>A witty description</strong></p>";
description[22] = "<p><strong>A witty description</strong></p>";
description[23] = "<p><strong>A witty description</strong></p>";
description[24] = "<p><strong>A witty description</strong></p>";
description[25] = "<p><strong>A witty description</strong></p>";
description[26] = "<p><strong>A witty description</strong></p>";
description[27] = "<p><strong>A witty description</strong></p>";




//pictures to change
pictures = new Array();

//show1
pictures[0] = "images/pictures/show 1/1big.jpg";
pictures[1] = "images/pictures/show 1/2big.jpg";
pictures[2] = "images/pictures/show 1/3big.jpg";
pictures[3] = "images/pictures/show 1/4big.jpg";
pictures[4] = "images/pictures/show 1/5big.jpg";
pictures[5] = "images/pictures/show 1/6big.jpg";
pictures[6] = "images/pictures/show 1/7big.jpg";
pictures[7] = "images/pictures/show 1/8big.jpg";
pictures[8] = "images/pictures/show 1/9big.jpg";
pictures[9] = "images/pictures/show 1/10big.jpg";
//show2
pictures[10] = "images/pictures/show 2/1big.jpg";
pictures[11] = "images/pictures/show 2/2big.jpg";
pictures[12] = "images/pictures/show 2/3big.jpg";
pictures[13] = "images/pictures/show 2/4big.jpg";
pictures[14] = "images/pictures/show 2/5big.jpg";
pictures[15] = "images/pictures/show 2/6big.jpg";
pictures[16] = "images/pictures/show 2/7big.jpg";
pictures[17] = "images/pictures/show 2/8big.jpg";
pictures[18] = "images/pictures/show 2/9big.jpg";
pictures[19] = "images/pictures/show 2/10big.jpg";
pictures[20] = "images/pictures/show 2/11big.jpg";
//show3
pictures[21] = "images/pictures/show 3/1big.jpg";
pictures[22] = "images/pictures/show 3/2big.jpg";
pictures[23] = "images/pictures/show 3/3big.jpg";
pictures[24] = "images/pictures/show 3/4big.jpg";
pictures[25] = "images/pictures/show 3/5big.jpg";
pictures[26] = "images/pictures/show 3/6big.jpg";
pictures[27] = "images/pictures/show 3/7big.jpg";



//preloading images
    if (document.images)
    {
        //show1
		image1 = new Image(100, 100);
        image1.src = "images/pictures/show 1/1big.jpg";

        image2 = new Image(468, 60);
        image2.src = "images/pictures/show 1/2big.jpg";

        image3 = new Image(50, 20);
        image3.src = "images/pictures/show 1/3big.jpg";
		
        image4 = new Image(100, 100);
        image4.src = "images/pictures/show 1/4big.jpg";

        image5 = new Image(468, 60);
        image5.src = "images/pictures/show 1/5big.jpg";

        image6 = new Image(50, 20);
        image6.src = "images/pictures/show 1/6big.jpg";		

        image7 = new Image(50, 20);
        image7.src = "images/pictures/show 1/7big.jpg";	
		
        image8 = new Image(50, 20);
        image8.src = "images/pictures/show 1/8big.jpg";		
		
		image9 = new Image(100, 100);
        image9.src = "images/pictures/show 1/9big.jpg";

        image10 = new Image(468, 60);
        image10.src = "images/pictures/show 1/10big.jpg";
		
		//show2

        image11 = new Image(50, 20);
        image11.src = "images/pictures/show 2/1big.jpg";
		
        image12 = new Image(100, 100);
        image12.src = "images/pictures/show 2/2big.jpg";

        image13 = new Image(468, 60);
        image13.src = "images/pictures/show 2/3big.jpg";

        image14 = new Image(50, 20);
        image14.src = "images/pictures/show 2/4big.jpg";		

        image15 = new Image(50, 20);
        image15.src = "images/pictures/show 2/5big.jpg";	
		
        image16 = new Image(50, 20);
        image16.src = "images/pictures/show 2/6big.jpg";	
		      
		image17 = new Image(50, 20);
        image17.src = "images/pictures/show 2/7big.jpg";
		
        image18 = new Image(100, 100);
        image18.src = "images/pictures/show 2/8big.jpg";

        image19 = new Image(468, 60);
        image19.src = "images/pictures/show 2/9big.jpg";

        image20 = new Image(50, 20);
        image20.src = "images/pictures/show 2/10big.jpg";		

        image21 = new Image(50, 20);
        image21.src = "images/pictures/show 2/11big.jpg";	
		
		//show3
		
        image22 = new Image(50, 20);
        image22.src = "images/pictures/show 3/1big.jpg";	
		
		image23 = new Image(50, 20);
        image23.src = "images/pictures/show 3/2big.jpg";	
		
		image24 = new Image(50, 20);
        image24.src = "images/pictures/show 3/3big.jpg";	
		
		image25 = new Image(50, 20);
        image25.src = "images/pictures/show 3/4big.jpg";	
		
		image26 = new Image(50, 20);
        image26.src = "images/pictures/show 3/5big.jpg";	
		
		image27 = new Image(50, 20);
        image27.src = "images/pictures/show 3/6big.jpg";	
		
		image28 = new Image(50, 20);
        image28.src = "images/pictures/show 3/7big.jpg";	
    }



//show number to pictures
function pictureshow(number2) {
	var element = document.getElementById("leftboxpictures");
	element.innerHTML = (show[number2]); 
}

//text to change
show = new Array();

show[0] = "<script language='javascript' src='js/pictures.js' type='text/javascript'><!--// --></script><br/><p><strong><a href='javascript:pictureshow(1)'>Saturday, April 29th, 2006</a></strong><br /><em>The Boathouse <br />Stagg Ranch Saturday #3</em></p><br/><br/><p><strong><a href='javascript:pictureshow(2)'>Saturday, March 25th, 2006</a></strong><br /><em>The Boathouse <br />Stagg Ranch Saturday #2</em></p><br/><br/><p><strong><a href='javascript:pictureshow(3)'>Saturday, February 25th, 2006</a></strong><br /><em>The Boathouse <br />Stagg Ranch Saturday #1</em></p>";
show[1] = "<script language='javascript' src='js/pictures.js' type='text/javascript'><!--// --></script><p><strong>Saturday, April 29th, 2006</strong><br /><em>The Boathouse <br />Stagg Ranch Saturday #3</em></p><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(0)' ><img src='images/pictures/show 1/1thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(1)' ><img src='images/pictures/show 1/2thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(2)' ><img src='images/pictures/show 1/3thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(3)' ><img src='images/pictures/show 1/4thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(4)' ><img src='images/pictures/show 1/5thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(5)' ><img src='images/pictures/show 1/6thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(6)' ><img src='images/pictures/show 1/7thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(7)' ><img src='images/pictures/show 1/8thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(8)' ><img src='images/pictures/show 1/9thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(9)' ><img src='images/pictures/show 1/10thumb.jpg' alt='' /></a></div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><div align='right'><p><a href='javascript:pictureshow(0)'>Back</a></p></div>";
show[2] = "<script language='javascript' src='js/pictures.js' type='text/javascript'><!--// --></script><p><strong>Saturday, March 25th, 2006 </strong><br /><em>The Boathouse <br />Stagg Ranch Saturday #2</em></p><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(10)' ><img src='images/pictures/show 2/1thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(11)' ><img src='images/pictures/show 2/2thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(12)' ><img src='images/pictures/show 2/3thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(13)' ><img src='images/pictures/show 2/4thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(14)' ><img src='images/pictures/show 2/5thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(15)' ><img src='images/pictures/show 2/6thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(16)' ><img src='images/pictures/show 2/7thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(17)' ><img src='images/pictures/show 2/8thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(18)' ><img src='images/pictures/show 2/9thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(19)' ><img src='images/pictures/show 2/10thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(20)'><img src='images/pictures/show 2/11thumb.jpg' alt='' /></a></div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><div align='right'><p><a href='javascript:pictureshow(0)'>Back</a></p></div>";
show[3] = "<script language='javascript' src='js/pictures.js' type='text/javascript'><!--// --></script><p><strong>Saturday, February 25th, 2006</strong><br /><em>The Boathouse <br />Stagg Ranch Saturday #1</em></p><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(21)' ><img src='images/pictures/show 3/1thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(22)' ><img src='images/pictures/show 3/2thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(23)' ><img src='images/pictures/show 3/3thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(24)' ><img src='images/pictures/show 3/4thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(25)' ><img src='images/pictures/show 3/5thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(26)' ><img src='images/pictures/show 3/6thumb.jpg' alt='' /></a></div><div class='thumbBox'><a href='#' onmouseover='javascript:picturechange(27)' ><img src='images/pictures/show 3/7thumb.jpg' alt='' /></a></div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><div align='right'><p><a href='javascript:pictureshow(0)'>Back</a></p></div>";