function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

function setBackground() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("main")) return false;
	var bground = document.getElementById("main");	
	bground.style.opacity = 1;
}

function fadeBackground() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("main")) return false;
	var bground = document.getElementById("main");	
	
	var o = bground.style.opacity * 10;
	if (o <= 9){
		return true;
	}
	
	if (o > 0) {
		o--;
		bground.style.opacity = o/10;
	}
	t = setTimeout("fadeBackground()",300);
}

function prepareGallery() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("portfolio")) return false;
  var gallery = document.getElementById("portfolio");
  var links = gallery.getElementsByTagName("a");
  for ( var i=0; i < links.length; i++) {
    links[i].onclick = function() {
      return showPic(this);
	}
  }
}

function showPic(whichpic) {
        if (!document.getElementById("placeholder")) return true;
	var imgsrc = whichpic.getAttribute("href");
        var ph = document.getElementById("placeholder");
        ph.setAttribute("src",imgsrc);
  	if (whichpic.getAttribute("title")) {
    		var text = whichpic.getAttribute("title");
  	} else {
    		var text = "";
  	}
	ph.setAttribute("title",text);
        return false;
}

addLoadEvent(prepareGallery);