var pics = new Array();
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}
addLoadEvent(imageOnload);
function imageOnload() {
    var piclink = $('pics-nav').getElementsByTagName('a');
    var piclinks = piclink.length;
    for(var i=0;i<piclinks;i++) {
		pics[i] = new Image();
		pics[i].src = piclink[i].href;
        piclink[i].onclick = function() { changePic(this); return false; };
    }
}
function changePic(v) {
    if(v.getAttribute('class') != 'showing' && v.getAttribute('className') != 'showing') {
		new Effect.Fade('pic-gallery', { duration: 0.3,   
			afterFinish:function() { 
				$('pic-gallery').setAttribute('src',v.href);
				new Effect.Appear('pic-gallery', { duration: 0.5 });
		}});
        removeActive();
        v.setAttribute('class','showing');
        v.setAttribute('className','showing');
    }
}
function removeActive() {
    var piclink = $('pics-nav').getElementsByTagName('a');
    var piclinks = piclink.length;
    for(var i=0;i<piclinks;i++) {
        piclink[i].removeAttribute('class');
        piclink[i].removeAttribute('className');
    }
}