function showImage(image, category) {
  if (image == 0)
    return;

  location.replace("image.php?image=" + image + "&category=" + category);
  parent.document.getElementById('gallerytext').style.display = "none";
  parent.document.getElementById('gallerynav').style.display = "none";
  parent.document.getElementById('main1').style.left = "140px";
  parent.document.getElementById('main1').style.width = "610px";
  parent.document.getElementById('main1').style.top = "110px";
  parent.document.getElementById('imagecontent').style.width = "610px";
  parent.document.getElementById('imagecontent').style.height = "520px";
} 

function showThumbs(image, category) {
  var page = Math.ceil(image / 15);

  location.replace("gallery.php?page=" + page + "&category=" + category);
  parent.document.getElementById('gallerytext').style.display = "block";
  parent.document.getElementById('gallerynav').style.display = "block";
  parent.document.getElementById('main1').style.left = "15px";
  parent.document.getElementById('main1').style.width = "880px";
  parent.document.getElementById('main1').style.top = "80px";
  parent.document.getElementById('imagecontent').style.width = "880px";
  parent.document.getElementById('imagecontent').style.height = "555px";
}

function sizecontent() {
  if (frames[0].location.pathname.indexOf("image.php") > -1 ) {
    document.getElementById('main1').style.left = "140px";
    document.getElementById('main1').style.width = "610px";
    document.getElementById('main1').style.top = "110px";
    document.getElementById('imagecontent').style.width = "610px";
    document.getElementById('imagecontent').style.height = "520px";
    document.getElementById('gallerytext').style.display = "none";
    document.getElementById('gallerynav').style.display = "none";
  }
}

function changepage(page, category) {
  location.replace("gallery.php?page=" + page + "&category=" + category);
}

function changecategory(page, category) {
  frames[0].location.replace("gallery.php?page=" + page + "&category=" + category);
}

function imageNavOff(nonav) {
    document.getElementById(nonav).style.color = "#888";
    document.getElementById(nonav).style.fontFamily = "Times New Roman, serif";
    document.getElementById(nonav).style.fontSize = "12pt";
    document.getElementById(nonav).style.textDecoration = "none";
    document.getElementById(nonav).href = "";
}

function setnav(cat) {
    parent.document.getElementById('development_sites').style.display = "inline";
    parent.document.getElementById('development_sites_on').style.display = "none";
    parent.document.getElementById('architectural_plans').style.display = "inline";
    parent.document.getElementById('architectural_plans_on').style.display = "none";
    parent.document.getElementById('scenic').style.display = "inline";
    parent.document.getElementById('scenic_on').style.display = "none";
    parent.document.getElementById('events').style.display = "inline";
    parent.document.getElementById('events_on').style.display = "none";
    parent.document.getElementById(cat).style.display = "none";
    parent.document.getElementById(cat + '_on').style.display = "inline";
}