function display (object, id) {
            var image = new Image();
            image.src = object.href;
            image.alt = object.attributes.alt.nodeValue;
            image.imgId = id;
            image.onload = function () { showImg(this);}
            
}


function showImg (object) {
            
            var image = object;
            
            
            
            var a = document.createElement('a');
            a.href = '#';
            a.onclick = function () { hide(); return false; }
            a.innerHTML = "Close";
            
            
            
            if (object.imgId != "none") {
            
				var prev = document.createElement("a");
				
				prev.href = "#";
				prev.innerHTML = "<< Prev";
				
				if (object.imgId == 0) prev.newId = pics.length - 1;
				else prev.newId = object.imgId - 1;
				
				prev.onclick = function () { clearElement('g'); display(document.getElementById(this.newId), this.newId); return false;}
				
				
		
				var next = document.createElement("a");
				
				next.href = "#";
				next.innerHTML = "Next >>";
				
				if (object.imgId == pics.length - 1) next.newId = 0;
				else next.newId = object.imgId + 1;
				
				next.onclick = function () { clearElement('g'); display(document.getElementById(this.newId), this.newId); return false; }
				
				
			}
            
            var br = document.createElement('br');
            
            
            var target = document.getElementById('g');
            
            target.appendChild(image);
            target.appendChild(br);
            if (object.alt != undefined) {
            			var p = document.createElement("p");
            			p.innerHTML = object.alt;
                    	target.appendChild(p);
                        var br2 = document.createElement('br');
                        target.appendChild(br2);
                        
            }
            if (object.imgId != "none") target.appendChild(prev);
            //target.appendChild(document.createTextNode(" | ");
            target.appendChild(a);
            //target.appendChild(document.createTextNode(" | ");
            if (object.imgId != "none") target.appendChild(next);
            
            var height = image.height;
            
            var clientWidth;
		var clientHeight;
		
		if (window.innerWidth)
 		 {
  				clientWidth=window.innerWidth;
  				clientHeight=window.innerHeight;
  		}
		else if (document.documentElement && document.documentElement.clientWidth)
  		{
  		
  			 clientWidth=document.documentElement.clientWidth;
  			 clientHeight=document.documentElement.clientHeight;
  		}      
  		else if (document.body)
  		{
 			clientWidth=document.body.clientWidth;
 			clientHeight=document.body.clientHeight;
 		}
            
            target.width = clientWidth;
            
            var topmargin;
        
        if (clientHeight > height) topmargin = parseInt((clientHeight - (height + 80))/2);
        else topmargin = 40;
        
        
        
        
        
        topmargin += getScrollXY()[1];
        
        target.style.top = "" + topmargin + "px";
            
            target.style.display = 'block';
            target.style.visibility = 'visible';
            
            document.body.style.height = "100%";
            
            var dimmer = document.getElementById('gDimmer');
            var windowHeight = (window.innerHeight) ? window.innerHeight : document.body.clientHeight;
            
            dimmer.style.height = (windowHeight > document.documentElement.offsetHeight) ? windowHeight + "px" : document.documentElement.offsetHeight + "px";
            dimmer.style.top = "0";
        	dimmer.style.left = "0";
        	dimmer.style.width = "100%";
            dimmer.style.display = 'block';
            dimmer.style.visibility = 'visible';
            
        }
        
        function hide () {
            
            var target = document.getElementById('g');
            
            clearElement('g');
            target.style.display = 'none';
            target.style.visibility = 'hidden';
            
            document.getElementById('gDimmer').style.display = 'none';
            document.getElementById('gDimmer').style.visibility = 'hidden';
            
        }
        
        function clearElement (element) {
	content = document.getElementById(element);

        if ( content.hasChildNodes() )
        {
  	    while ( content.childNodes.length >= 1 )
            {
    			content.removeChild( content.firstChild );       
    	    } 
		}
	
        
    }
    
    function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}