document.getElementsByClassName = function(class_name) {
    var docList = this.all || this.getElementsByTagName('*');
    var matchArray = new Array();

    /*Create a regular expression object for class*/
    var re = new RegExp("(?:^|\\s)"+class_name+"(?:\\s|$)");
    for (var i = 0; i < docList.length; i++) {
        if (re.test(docList[i].className) ) {
            matchArray[matchArray.length] = docList[i];
        }
    }

	return matchArray;
}//eof annonymous function

			 
			 
			 
			 splash = new Image();
			 splash.src="Images/sam_crop_2.jpg";
			 
			 logo = new Image();
			 logo.src="Images/logo.jpg";
			 
			 galleryLogo = new Image();
			 galleryLogo.src="Images/galleryLogo.jpg";


			 ResidentialOne = {};
             ResidentialOne.name = "ResidentialOne";
             ResidentialOne.imgDirectoryPath = "Images/residentialOne/";

             ResidentialOne.img0 = new Image();
             ResidentialOne.img0.src = ResidentialOne.imgDirectoryPath+"image001.jpg";
             ResidentialOne.img0IsPortraitSize = 0;
             ResidentialOne.img0ThumbSrc = ResidentialOne.imgDirectoryPath+"image001_thumb.jpg";
			 ResidentialOne.img0Description = "Reverse painted glass panels with hand stenciled design and silver leaf. <br/>Interior design by <a href=\"http://www.cweisner.com\" target=\"_blank\">Chad Eisner</a>";
             ResidentialOne.img0locationDesc = "Dinning Room, Beverly Hills, CA"; 

             ResidentialOne.img1 = new Image();
             ResidentialOne.img1.src = ResidentialOne.imgDirectoryPath+"image002.jpg";
             ResidentialOne.img1IsPortraitSize = 0;
             ResidentialOne.img1ThumbSrc = ResidentialOne.imgDirectoryPath+"image002_thumb.jpg";
             ResidentialOne.img1Description  = "Reverse painted glass panels with hand stenciled design and silver leaf. <br/>Interior design by <a href=\"http://www.cweisner.com\" target=\"_blank\">Chad Eisner</a>";
             ResidentialOne.img1locationDesc = "Dinning Room, Beverly Hills, CA";

             ResidentialOne.img2 = new Image();
             ResidentialOne.img2.src   = ResidentialOne.imgDirectoryPath+"L1010786.jpg";
             ResidentialOne.img2IsPortraitSize  = 1;
             ResidentialOne.img2ThumbSrc  = ResidentialOne.imgDirectoryPath+"L1010786_thumb.jpg";
             ResidentialOne.img2Description    = "Detail of reverse painted on glass panels with hand stenciled design and silver leaf. <br/>Interior design by <a href=\"http://www.cweisner.com\" target=\"_blank\">Chad Eisner</a>";
             ResidentialOne.img2locationDesc = "Dinning Room, Beverly Hills, CA";

             ResidentialOne.img3 = new Image();
             ResidentialOne.img3.src   = ResidentialOne.imgDirectoryPath+"PBWC-01.jpg";
             ResidentialOne.img3IsPortraitSize   = 1;
             ResidentialOne.img3ThumbSrc  = ResidentialOne.imgDirectoryPath+"PBWC-01_thumb.jpg";
             ResidentialOne.img3Description   = "Flogged glaze wall treatment accented with custom coral stencil with fire red pinstripe. <br/>Interior design by <a href=\"\" target=\"_blank\">Peggy Braswell</a>";
             ResidentialOne.img3locationDesc = "Condo Entry, Westwood, CA";

             ResidentialOne.img4 = new Image();
             ResidentialOne.img4.src   = ResidentialOne.imgDirectoryPath+"PBWC-12.jpg";
             ResidentialOne.img4IsPortraitSize   = 1;
             ResidentialOne.img4ThumbSrc  = ResidentialOne.imgDirectoryPath+"PBWC-12_thumb.jpg";
             ResidentialOne.img4Description  = "Multi-tone distressed metallic leaf wall finish. <br/>Interior design by <a href=\"\" target=\"_blank\">Peggy Braswell</a>";
             ResidentialOne.img4locationDesc = "Powder Room, Westwood, CA ";

             ResidentialOne.img5 = new Image();
             ResidentialOne.img5.src  = ResidentialOne.imgDirectoryPath+"PBWC-17.jpg";
             ResidentialOne.img5IsPortraitSize  = 0;
             ResidentialOne.img5ThumbSrc  = ResidentialOne.imgDirectoryPath+"PBWC-17_thumb.jpg";
             ResidentialOne.img5Description  = "Chinese panels, aged paint finish using multi-process color wash and antiquing wax. <br/>Interior design by <a href=\"\" target=\"_blank\">Peggy Braswell</a>";
             ResidentialOne.img5locationDesc = "Master Bedroom, Westwood, CA";

             ResidentialOne.img6 = new Image();
             ResidentialOne.img6.src   = ResidentialOne.imgDirectoryPath+"PBWC-18.jpg";
             ResidentialOne.img6IsPortraitSize  = 1;
             ResidentialOne.img6ThumbSrc  = ResidentialOne.imgDirectoryPath+"PBWC-18_thumb.jpg";
             ResidentialOne.img6Description   = "Chinese panels, aged paint finish using multi-process color wash and antiquing wax. <br/>Interior design by <a href=\"http://www.peggybraswelldesign.com\" target=\"_blank\">Peggy Braswell</a>";
             ResidentialOne.img6locationDesc = "Master Bedroom, Westwood, CA ";

             ResidentialOne.img7 = new Image();
             ResidentialOne.img7.src   = ResidentialOne.imgDirectoryPath+"P1010020.jpg";
             ResidentialOne.img7IsPortraitSize  = 1;
			 ResidentialOne.img7ThumbSrc   = ResidentialOne.imgDirectoryPath+"P1010020_thumb.jpg";
             ResidentialOne.img7Description   = "Detail of Chinese panel.";
             ResidentialOne.img7locationDesc = "Master Bedroom, Westwood, CA";
			 
			 
			 
			 // placeholders
			 ResidentialTwo = {};
			 ResidentialThree = {};
			 ResidentialFour = {};
			 ResidentialFive = {};
			 ResidentialSix = {};
			 ResidentialSeven = {};
			 CommercialOne = {};
			 CommercialTwo = {};
			 CommercialThree = {};
			 CommissionsOne = {};
			 CommissionsTwo = {};
			 CommissionsThree = {};
			 SamplesOne = {};
			 Dictionary = {};
			 Bio = {};
			 SamplesTwo = {};
			 
			 
			 
			 
			 galleries = new Array(17);
             galleries[0] = ResidentialOne;
             galleries[1] = ResidentialTwo;
             galleries[2] = ResidentialThree;
             galleries[3] = ResidentialFour;
             galleries[4] = ResidentialFive;
             galleries[5] = ResidentialSix;
             galleries[6] = ResidentialSeven; 
             galleries[7] = CommercialOne;		
			 galleries[8] = CommercialTwo;
			 galleries[9] = CommercialThree;
			 galleries[10] = CommissionsOne;
			 galleries[11] = CommissionsTwo;
			 galleries[12] = CommissionsThree;
			 galleries[13] = SamplesOne;
			 galleries[14] = Dictionary;
			 galleries[15] = Bio;
			 galleries[16] = SamplesTwo;

			


          currentGallery = 0;
          currentTerm = 0;
          isGalleryVisible = true; // as opposed to Dictionary


          container1_color = "#A2A499";
          container3_color = "#948F73";
          container4_color = "#4F5657";

          MAXH =  546;
          MAXW =  526;


function swapBio(i){
  document.getElementById("bio_content").innerHTML = Bio["page"+i];
  // if page 0 or 1, then use stacie_1.jpg, otherwise stacie_2.jpg
  if( i > 1){
      document.getElementById("bio_img").src = "Images/bio/stacie_1.jpg";
  }else{
      document.getElementById("bio_img").src = "Images/bio/stacie_2.jpg";
  }

//current gallery color change
          Menu=document.getElementById('bio_pages');
          Links=Menu.getElementsByTagName('a');
          for (x=0;x<Links.length;x++){
              if (Links[x].id=="b"+i && Links[x].parentNode==Menu){
                 Links[x].style.color=container4_color;
              }else{
                 Links[x].style.color="#FFFFFF";
              }
          }
}

function swapTerm(i){
  document.getElementById("dict_name").innerHTML = Dictionary["term"+i+"DictName"];
  document.getElementById("dict_pronun").innerHTML = Dictionary["term"+i+"Pronun"];
  document.getElementById("dict_definition").innerHTML = Dictionary["definition"+i];

 //current gallery color change
          Menu=document.getElementById('dict_terms');
          Links=Menu.getElementsByTagName('a');
          for (x=0;x<Links.length;x++){
              if (Links[x].id=="d"+i && Links[x].parentNode==Menu){
                 Links[x].style.color=container4_color;
              }else{
                 Links[x].style.color="#FFFFFF";
              }
          }


          // clear thumbs

          document.getElementById("thumb0").style.display = "none";
         document.getElementById("thumb1").style.display = "none";
         document.getElementById("thumb2").style.display = "none";
         document.getElementById("thumb3").style.display = "none";
         document.getElementById("thumb4").style.display = "none";
         document.getElementById("thumb5").style.display = "none";
         document.getElementById("thumb6").style.display = "none";
         document.getElementById("thumb7").style.display = "none";

         //for each img in the term
         for(y=0; y<8; y++){

         //exists?
           if(    Dictionary["term"+i+"Img"+y] ){

           // img# for this img

           var t = "thumb"+y;
          // alert( );

           // change src
           document.getElementById("t"+y).src = Dictionary["term"+i+"Img"+y+"ThumbSrc"];
           //alert(document.getElementById("t"+y).src);
           // make visible
           document.getElementById("thumb"+y).style.display = "block";

          }
         }

         currentTerm = i;
         swap(0);

}




function changeGallery(gNum, menuLinkId){
	
		if(menuLinkId == undefined){
			menuLinkId = gNum;
		}
		//alert('menuNum is ' + menuNum);
		var galleryMenuLink = document.getElementById(menuLinkId);
		//alert('galleryMenuLink: ' + galleryMenuLink.innerHTML);
		
		

         //if dictionary
         if( gNum == 14 ){

         isGalleryVisible = false;
          //remove gallery elements
         document.getElementById("description").style.display = "none";
         document.getElementById("viewing").style.display = "none";
         document.getElementById("locationDescription").style.display = "none";
         document.getElementById("thumb0").style.display = "none";
         document.getElementById("thumb1").style.display = "none";
         document.getElementById("thumb2").style.display = "none";
         document.getElementById("thumb3").style.display = "none";
         document.getElementById("thumb4").style.display = "none";
         document.getElementById("thumb5").style.display = "none";
         document.getElementById("thumb6").style.display = "none";
         document.getElementById("thumb7").style.display = "none";

         // remove bio elements
         document.getElementById("bio_pages").style.display = "none";
         document.getElementById("bio_content").style.display = "none";
         document.getElementById("bio_img").style.display = "none";
         
             swapTerm(0);

         // show dictionary elements
         document.getElementById("dict_terms").style.display = "block";
         document.getElementById("dict_name").style.display = "block";
         document.getElementById("dict_pronun").style.display = "block";
         document.getElementById("dict_definition").style.display = "block";
         document.getElementById("termImg").style.display = "block";





         // if bio (hacky)
         }else if( gNum == 15){
           swapBio(0);
           isGalleryVisible = false;

         // remove dictionary elements
         document.getElementById("dict_terms").style.display = "none";
         document.getElementById("dict_name").style.display = "none";
         document.getElementById("dict_pronun").style.display = "none";
         document.getElementById("dict_definition").style.display = "none";
         document.getElementById("termImg").style.display = "none";

         //remove gallery elements
         document.getElementById("description").style.display = "none";
         document.getElementById("viewing").style.display = "none";
         document.getElementById("locationDescription").style.display = "none";
         document.getElementById("thumb0").style.display = "none";
         document.getElementById("thumb1").style.display = "none";
         document.getElementById("thumb2").style.display = "none";
         document.getElementById("thumb3").style.display = "none";
         document.getElementById("thumb4").style.display = "none";
         document.getElementById("thumb5").style.display = "none";
         document.getElementById("thumb6").style.display = "none";
         document.getElementById("thumb7").style.display = "none";

         //show bio elements
         document.getElementById("bio_pages").style.display = "block";
         document.getElementById("bio_content").style.display = "block";
         document.getElementById("bio_img").style.display = "block";


         }else{                 // gallery

         isGalleryVisible = true;

         // remove dictionary elements
         document.getElementById("dict_terms").style.display = "none";
         document.getElementById("dict_name").style.display = "none";
         document.getElementById("dict_pronun").style.display = "none";
         document.getElementById("dict_definition").style.display = "none";
         document.getElementById("termImg").style.display = "none";

         // remove bio elements
         document.getElementById("bio_pages").style.display = "none";
         document.getElementById("bio_content").style.display = "none";
         document.getElementById("bio_img").style.display = "none";

         //show gallery elements
         document.getElementById("description").style.display = "block";
         document.getElementById("viewing").style.display = "block";
         document.getElementById("locationDescription").style.display = "block";
		

         currentGallery = gNum;
         swap(0);

         //thumbs and gallery elements -- checks for each element so that if < 8 the thumb is blank
         for(var i=0; i<8; i++){
			 if( galleries[gNum]["img"+i] != null ){
				 document.getElementById("thumb"+i).style.display = "block";
                 document.getElementById("t"+i).src = galleries[gNum]["img"+i+"ThumbSrc"];
			 }else{
				 				 document.getElementById("thumb"+i).style.display = "none";
			 }
         }

         }


/*
         //current gallery color change
          Menu=document.getElementById('menu');
		  alert('calling color thing');
          Links=Menu.getElementsByTagName('a');
          for (x=0;x<Links.length;x++){
              if (Links[x].id=="g"+gNum && Links[x].parentNode==Menu){
                 Links[x].style.color=container3_color;
              }else{
                 Links[x].style.color="#000000";
              }
          }
*/

// get all with class top_menu_link
		var topMenuLinks = document.getElementsByClassName('top_menu_link');
		for (x=0; x<topMenuLinks.length; x++){
			topMenuLinks[x].style.color="000000";
		}
		galleryMenuLink.style.color=container3_color;
		
		
		
		
     }

function swap(imgNum)
{

         //clear term img just in case
         document.getElementById("termImg").style.display = "none";

         // viewing gallery or dictionary?
         if( isGalleryVisible ){

         //main viewing img
        // alert(galleries[currentGallery]);
         document.getElementById("description").innerHTML = galleries[currentGallery]["img"+imgNum+"Description"];


			 if( galleries[currentGallery]["img"+imgNum+"IsPortraitSize"]==1){
				 document.getElementById("viewing").removeAttribute("left");
				 document.getElementById("viewing").setAttribute("height", galleries[currentGallery]["img"+imgNum].height);
				 document.getElementById("viewing").setAttribute("width", galleries[currentGallery]["img"+imgNum].width);
				 document.getElementById("viewing").style.top = "0px";
				 document.getElementById("viewing").style.left =(MAXW - document.getElementById("viewing").width)/2 +"px";
				 document.getElementById("viewing").src = galleries[currentGallery]["img"+imgNum].src;
				 document.getElementById("viewing").style.display = "block";
				 document.getElementById("locationDescription").innerHTML = galleries[currentGallery]["img"+imgNum+"locationDesc"];
			 }else{
			   document.getElementById("viewing").setAttribute("height", galleries[currentGallery]["img"+imgNum].height);
			   document.getElementById("viewing").setAttribute("width", galleries[currentGallery]["img"+imgNum].width);
			   document.getElementById("viewing").style.left = "0px";
			   document.getElementById("viewing").style.top =(MAXH - document.getElementById("viewing").height)/2 +"px";
			   document.getElementById("viewing").src = galleries[currentGallery]["img"+imgNum].src;
			   document.getElementById("viewing").style.display = "block";
			   document.getElementById("locationDescription").innerHTML = galleries[currentGallery]["img"+imgNum+"locationDesc"];
			 }


         }else{
            document.getElementById("termImg").removeAttribute("left");
            document.getElementById("termImg").setAttribute("height", Dictionary["term"+currentTerm+"Img"+imgNum].height);
            document.getElementById("termImg").setAttribute("width", Dictionary["term"+currentTerm+"Img"+imgNum].width);
            document.getElementById("termImg").style.bottom = "30px";
            document.getElementById("termImg").style.left = "30px";
            document.getElementById("termImg").src = Dictionary["term"+currentTerm+"Img"+imgNum].src;
            document.getElementById("termImg").style.display = "block";

         }



}


function showMenu( id ){
	document.getElementById(id).style.top="12px";
}

function hideMenu( id ){
		document.getElementById(id).style.top="-2000px";
}