<!--


//set thumbnail picture array to painting array
var BigCatArray = new Array();
var BigCatArray = NavMasterObj.NavCatArray;

//write out left nav div
document.write('<div id="leftNav" class="left">');
//establish outer UL for left nav, called "big cat", as in the biggest category
document.write('<ul id="leftNav_bigCat">');

//loop through the big cat array to get the big categories
for (i=0; i < BigCatArray.length; i++){


    //if(pageName == BigCatArray[i].navKey){
    //   document.write('<li id="leftNav_activeBigCat">');
    //}else{
    //
    //}


    document.write('<li>');
    document.write('<A HREF=\"SKBTheArt' + 'Master' + '.html?type=' + BigCatArray[i].navKey + '\">' + BigCatArray[i].navName + '</A>');

    //for debugging...
    //alert("the value of SubCatArray is '" + BigCatArray[i].SubCatArray + "'");

    var TempSubArray = new Array();
    var TempSubArray = BigCatArray[i].SubCatArray;

    //if subcat array exists, loop through it too
    if(TempSubArray.length == 0){} else {

       document.write('<ul>');
          for (j=0; j < TempSubArray.length; j++){

               //for debugging.
               //alert('the page name is ' + pageName);

               //if pageName (from query) = the navKey, then you're on this page currently, so make active.
               if(pageName === TempSubArray[j].navKey){
                  document.write('<li id="leftNav_activeSubCat">');
                  document.write(TempSubArray[j].navName);
               }else{
                  document.write('<li>');
                  document.write('<A HREF=\"SKBTheArt' + 'Master' + '.html?type=' + TempSubArray[j].navKey + '\">' + TempSubArray[j].navName + '</A>');
               }
               document.write('</li>');
          }
       document.write('</ul>');
    }

    document.write('</li>');
}

document.write('</ul>');
document.write('</div>');

//testing object
//alert(NavMasterObj.NavCatArray[0].SubCatArray[0].navName);



/*
final css

<div id="leftNav">
 <ul id="leftNav_bigCat">
  <li leftNav_activeSubCat><a href="xxx">Oils</a>
  </li>
  <li>Watercolors
   <ul>
       <li id="leftNav_activeSubCat">San Francisco</li>
       <li>Mendocino</li>
   </ul>
  </li>
  <li>Prints</li>
 </ul>
</div>

*/



/*
for (i=1; i < ThumbArray.length; i++){
    document.write('<A HREF=\"SKBTheArt' + 'Master' + '.html?type=' + pageName + '&picture=' + i + '&seriesStart=' + seriesStart + '\"><IMG SRC=\"..\/..\/SKBimg\/SKBBodyArtPho' + ThumbArray[i].JPGName + 'Sm.jpg\" WIDTH=\"' + ThumbArray[i].smallJPGWidth + '\" HEIGHT=\"' + ThumbArray[i].smallJPGHeight + '\" BORDER=\"0\" ALT=\"\" CLASS=\"rolling_image\">');
}
*/

// -->
