function hide(elementID) 
{
   var myElement = document.getElementById(elementID);
   myElement.style.visibility = "hidden";
}

function show(elementID) 
{
   var myElement = document.getElementById(elementID);
   if (myElement) myElement.style.visibility = "visible";
}
    		      
function buttoncolor(elementID, color)
{
   var myElement = document.getElementById(elementID);
   if (myElement) myElement.style.backgroundColor = color;
}
    		      
function buttoncolorback(elementID)
{
   var myElement = document.getElementById(elementID);
   if (myElement) myElement.style.backgroundColor = "";
}

function textcolor(elementID, color)
{
   var myElement = document.getElementById(elementID);
   if (myElement) myElement.style.color = color;
}

function textcolorback(elementID)
{
   var myElement = document.getElementById(elementID);
   if (myElement) myElement.style.color = "";
}

function hideImg(elementID)
    {
        var myElement = document.getElementById(elementID);
        //myElement.style.visibility = "hidden";
        document.photo.src = "";
    }
    
function showImg(elementID, imgsrc)
    {
        var myElement = document.getElementById(elementID);
        parent.document.photo.src = imgsrc;
        myElement.style.visibility = "visible";
    }
    
function hideBlackout(elementID)
        {
            var myElement = document.getElementById(elementID);
            myElement.style.visibility = "hidden";
        }
        
function showBlackout(elementID)
        {
            var myElement = document.getElementById(elementID);
            myElement.style.visibility = "visible";
        }
        
var value=10;
var t;
function dropdown (elementID)
{
  var myElement = document.getElementById(elementID);
  if (value <= 20)
  {
    myElement.style.visibility = "visible";
    myElement.style.height = value;
    value = value + 2;
    t=setTimeout("dropdown('" + elementID + "')",1);
  }
  else
  {
    value=10;
    clearTimeout(t);
  }
}


var widthValue = 70;
var margin = 15;
function thumbExpand (elementID)
{
  var myElement = document.getElementById(elementID);
  if (widthValue < 90)
  {
    myElement.style.width = widthValue + 2;
    myElement.style.height = widthValue + 2;
    widthValue = widthValue + 2;
    myElement.style.marginLeft = margin - 1;
    margin = margin - 1;
    t = setTimeout("thumbExpand('" + elementID + "')", .1);
  }
  else
  {
    clearTimeout(t);
    widthValue = 70;
    margin = 15;
  }
}


var heightValue = 90;
var outMargin = 5;
function thumbShrink (elementID)
{
  var myElement = document.getElementById(elementID);
  myElement.style.width = 70;
  myElement.style.height = 70;
  myElement.style.marginLeft = 15;
  clearTimeout(t);
  /*var myElement = document.getElementById(elementID);
  if (heightValue > 70)
  {
    myElement.style.width = heightValue - 2;
    myElement.style.height = heightValue - 2;
    heightValue = heightValue - 2;
    myElement.style.marginLeft = outMargin + 1;
    outMargin  = outMargin + 1;
    t=setTimeout("thumbShrink('" + elementID + "')",1);
  }
  else
  {
    clearTimeout(t);
    heightValue = 90;
    outMargin = 5;
  } */
}


function thumbChange(elementID, image)
{
  var myElement = document.getElementById(elementID);
  myElement.style.backgroundImage = "url("+ image +")";
}

function navSwitch(elementID, off)
{
  var myElement = document.getElementById(elementID);
  var offElement = document.getElementById(off);
  offElement.style.visibility = "hidden";
  offElement.style.height = 0;
  myElement.style.visibility = "visible";
  myElement.style.height = "";
}

function divExpand(elementID)
{
  var myElement = document.getElementById(elementID);
  myElement.style.overflow = "visible";
  myElement.style.top = "3%";
  myElement.style.height = "100%";
}

function divShrink(elementID)
{
  var myElement = document.getElementById(elementID);
  myElement.style.overflow = "hidden";
  myElement.style.top = "5%";
  myElement.style.height = "90%";
}

function showPic(elementID, imgsrc)
    {
        var myElement = document.getElementById(elementID);
        myElement.style.backgroundImage = "url("+ imgsrc +")";
    }
    
function galleryChange(gallery)
    {
        document.getElementById('thumbsFrame').src = gallery;
    }