//preload images

projectsUp = new Image();
projectsUp.src = "http://www.studiof-design.com/images/projectsGrey.gif";
projectsOver = new Image();
projectsOver.src = "http://www.studiof-design.com/images/projectsGreyOver.gif";

studioUp = new Image();
studioUp.src = "http://www.studiof-design.com/images/studioGrey.gif";
studioOver = new Image();
studioOver.src = "http://www.studiof-design.com/images/studioGreyOver.gif";

publicationsUp = new Image();
publicationsUp.src = "http://www.studiof-design.com/images/publicationsGrey.gif";
publicationsOver = new Image();
publicationsOver.src = "http://www.studiof-design.com/images/publicationsGreyOver.gif";

contactUp = new Image();
contactUp.src = "http://www.studiof-design.com/images/contactGrey.gif";
contactOver = new Image();
contactOver.src = "http://www.studiof-design.com/images/contactGreyOver.gif";

residentialProjectsUp = new Image();
residentialProjectsUp.src = "http://www.studiof-design.com/images/residentialProjectsGrey.gif";
residentialProjectsOver = new Image();
residentialProjectsOver.src = "http://www.studiof-design.com/images/residentialProjectsGreyOver.gif";

commercialProjectsUp = new Image();
commercialProjectsUp.src = "http://www.studiof-design.com/images/commercialProjectsGrey.gif";
commercialProjectsOver = new Image();
commercialProjectsOver.src = "http://www.studiof-design.com/images/commercialProjectsGreyOver.gif";

otherProjectsUp = new Image();
otherProjectsUp.src = "http://www.studiof-design.com/images/otherProjectsGrey.gif";
otherProjectsOver = new Image();
otherProjectsOver.src = "http://www.studiof-design.com/images/otherProjectsGreyOver.gif";

theSpacer = new Image();
theSpacer.src = "http://www.studiof-design.com/images/spacer.gif";

leftArrowUp = new Image();
leftArrowUp.src = "http://www.studiof-design.com/images/leftArrowGrey.gif";
leftArrowOver = new Image();
leftArrowOver.src = "http://www.studiof-design.com/images/leftArrowGreyOver.gif";

var projectsVisible = false;

function toggleProjects()
{
 if (projectsVisible)
 {
  document.images['projectsBottom'].src = theSpacer.src;
  document.images['residentialProjects'].src = theSpacer.src;
  document.images['commercialProjects'].src = theSpacer.src;
  document.images['otherProjects'].src = theSpacer.src;
  document.images['projectsTop'].src = projectsUp.src;
  projectsVisible = false;
 } else {
  document.images['projectsBottom'].src = projectsUp.src;
  document.images['residentialProjects'].src = residentialProjectsUp.src;
  document.images['commercialProjects'].src = commercialProjectsUp.src;
  document.images['otherProjects'].src = otherProjectsUp.src;
  document.images['projectsTop'].src = theSpacer.src;
  projectsVisible = true;
 }
}

function rollOver (imgName)
{
 if (!projectsVisible)
 {
  if (imgName == "projectsTop")
   document.images['projectsTop'].src = projectsOver.src;
  else if (imgName != "residentialProjects" && imgName != "commercialProjects" && imgName != "otherProjects")
     document.images[imgName].src = eval(imgName + "Over.src");
 } else {
  if (imgName == "projectsBottom")
   document.images['projectsBottom'].src = projectsOver.src;
  else if (imgName != "projectsTop")
   document.images[imgName].src = eval(imgName + "Over.src");
 }
}

function rollOut (imgName)
{
 if (!projectsVisible)
 {
  if (imgName == "projectsTop")
   document.images['projectsTop'].src = projectsUp.src;
  else if (imgName != "residentialProjects" && imgName != "commercialProjects" && imgName != "otherProjects")
     document.images[imgName].src = eval(imgName + "Up.src");
 } else {
  if (imgName == "projectsBottom")
   document.images['projectsBottom'].src = projectsUp.src;
  else if (imgName != "projectsTop")
   document.images[imgName].src = eval(imgName + "Up.src");
 }
}

function goBack()
{
 if (history.length > 1)
 {
  history.go(-1);
 } else {
  window.location += "/..";
 }
}