function hidediv(divToHide) {
  
  if( document.getElementById ) // DOM3 = IE5, NS6 - this is the way the standards work
    elem = document.getElementById( divToHide );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[divToHide];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[divToHide];
 
 if(elem){elem.style.visibility = 'hidden';}
}

function showdiv(divToShow) {
  if( document.getElementById ) // DOM3 = IE5, NS6 - this is the way the standards work
    elem = document.getElementById( divToShow );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[divToShow];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[divToShow];

  if(elem){elem.style.visibility = 'visible';}
}

function writePictureCategoriesList()
{


var superCategoryNameList= new Array
(
"Family" ,
"Recreation",
"Services",
"Gift Ideas"
//"Events",
//"Just for Fun" 
)

var superCategorySourceList= new Array
(
"shop1000" ,
"shop1400",
"shopCustomDesign",
"shop2100" 
)
 
var categoriesNameList = new Array
(
new Array ("Moms","Dads","Baby","Kids","Grandparents"),
new Array ("Travel","Pets","Hobbies"),
new Array ("Photo Framing","Poster Framing","Museum Mount","Premium"),
new Array ("Wedding & Couple","Names","Memoir","Religous")
//,new Array ("wedding","grad",)
//,new Array ("Names","funframes")
)

var categoriesSourceList = new Array
(
new Array ("shop1100","shop1200","shop1000","shop2000","shop2300"),
new Array ("shop1400","shop1600","shop1700"),
new Array ("shopPhotoOnly","shopPosterFraming","shopMuseumFraming","shopCustomDesign"),
new Array ("shop2200","shop2100","shop1900","shop1500")
)

document.write("<ul class=\"designListSuperCategoryList\">");
for (i=0;i<superCategoryNameList.length;i++)
{
  document.write("<li><a class=\"designList\" href=\"" +superCategorySourceList[i]+ ".htm\"><span class=\"designListSuperText\">"+superCategoryNameList[i]+"</span></a>")
  document.write("<ul class=\"designListCategoryList\">");
  for (j=0;j<categoriesNameList[i].length;j++)
  {
    document.write("<li class=\"designListCategoryItem\"><a class=\"designList\" href=\"" +categoriesSourceList[i][j]+ ".htm\"><span class=\"designListText\">" +categoriesNameList[i][j]+ "</span></a></li>")
  }
  document.write("</ul>");
}
document.write("</ul>");

}

// You must include graphPaper.css or bannerAndFooter.css to use this function
// spacing is the size of each square in the grid
// Example:
// <script type="text/javascript">drawCssGrid("myDivBox",10,"teal");</script>
//
function drawCssGrid(divToGrid,spacing,color)
{     
    elem = document.getElementById( divToGrid );
    if (spacing < 10) spacing = 10;
    if(elem)
    {
//alert("drawCssGrid for " +divToGrid+ ", width:" +elem.clientWidth+ ", height:" +elem.clientHeight+ "; spacing:" +spacing);
    for(i=0;i<elem.clientHeight;(i=i+spacing))
    {     
       document.write("<div class=\"horizontalGridLine\"  style=\"position:absolute;left:0px;top:"+i+"px;background:"+color+"\"></div>");
    } 
    for(i=0;i<(elem.clientWidth);(i=i+spacing))
    {
        document.write("<div class=\"verticalGridLine\" style=\"position:absolute;left:"+i+"px;top:0px;background:"+color+"\"></div>");
    } 
    } else {alert("No such element: " + divToGrid);}
}



function getPageImageTag($designNumber, $width, $height)
{/*
    return "<img src=\"images/catalog/page/" 
    .$designNumber.
        "p.jpg\" width=\""
    .$width.
        "\" height=\""
    .$height.
        "\">";
*/
}