// JavaScript Document
  window.onload = function()
 {
    initGallery();
    }

  function initGallery() {
    if (!document.getElementsByTagName) return false;
    if (!document.getElementById) return false;
    if (!document.getElementById("gallery")) return false;
    var gallery = document.getElementById("gallery");
    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("pic")) return false;
    var source = whichpic.getAttribute("href");
    var pic = document.getElementById("pic");
    if (pic.nodeName != "IMG") return true;
    pic.setAttribute("src", source);

    return false;
  }


{
	var obj=document.getElementById('link').getElementsByTagName('a');
	for(var start=0;start<obj.length;start++)
		{
		obj[start].onclick=function() 
			{
			obj.className = (obj.className != 'on')? 'on': 'off';
			}
		}
}