/* Showpic */

function DOMCall(name) {
	if (document.layers) 
		return document.layers[name];
	else if (document.all)
		return document.all[name];
	else if (document.getElementById)
		return document.getElementById(name);
}
function showPic (whichpic) {
	DOMCall('placeholder').src = whichpic.href;
	if (whichpic.title) {
		DOMCall('caption').innerHTML = whichpic.title;
		DOMCall('caption').className = "";
	} else {
		DOMCall('caption').className = "hidden";
	}
 	return false;
}

function clickedImage (whichpic) {
	imageUrl = whichpic.src;  // grab the url of the medium image.
	imageUrl = imageUrl.replace(/images/gi, "images/large"); // add in the "large" dir so we can display the big picture
	imageWindow = window.open("popup.php?z="+imageUrl,'imageWin','width=640,height=480');  // popup the image in a new window set width and height to your max values
}

function switchPage(pageId) {
	DOMCall('page1').className = "hidden";
	DOMCall('page2').className = "hidden";
	DOMCall(pageId).className = "asdasd"; // set the current page to junk so it becomes visible
}


/* Display Gallery */

function displayDiv(id){
  var div    = new Array();
  var header = new Array();
  var hid    = 'galh' + id;
  var did    = 'gal' + id;
 
   //Do a changeDiHeight to keep the footer consistent
 // changeDivHeight;
  
  //Define arrays
  div[0] = document.getElementById('galDesign');
  div[1] = document.getElementById('galIllustration');
  div[2] = document.getElementById('galUI');
  
  header[0] = document.getElementById('galhDesign');
  header[1] = document.getElementById('galhIllustration');
  header[2] = document.getElementById('galhUI');
  
  //Make all styles hidden or off state
  for (i=0;i<3;i++) {
    div[i].style.display = 'none';
    header[i].className = 'galheaderoff';
  }
  
  //Change the state of the current id to be on and visible
  document.getElementById(hid).className = 'galheaderon';
  document.getElementById(did).style.display = 'block';
  
  //Do a changeDiHeight to keep the footer consistent
  //changeDivHeight;
  
}

/* Show or Hide Details */

function showDetails(a) {
	if(document.getElementById(a).style.display != 'block') {
		document.getElementById(a).style.display = 'block';
	} else {
		document.getElementById(a).style.display = 'none';
	}
}