var gal_img_view;

function gal_init() {
	if(document.getElementById && document.getElementsByTagName) {
		var galDiv = document.getElementById('gallerydiv');
		var divView = document.createElement('div');
		divView.className = 'viewer';
		// divView.appendChild(document.createTextNode('TEST'));
			
		gal_img_view = divView.appendChild(document.createElement('img'));
		gal_img_view.setAttribute('src', 'img/blank.gif');
		gal_img_view.onload = gal_img_load;
		
		galDiv.parentNode.insertBefore(divView, galDiv);
		
		galDiv.className = 'jsgal';
		
		var size = 0;
		var d = galDiv.firstChild.firstChild;
		var first_img = null;
		while(d) {
			if(d.nodeType == 1) {
				gal_setup_link(d);
				size += 120;
				if(!first_img) {
					first_img = d.firstChild.getAttribute('href');
				}
			}
			d = d.nextSibling;
		}
		
		if(first_img) {
			gal_img_view.src = first_img;
		}
		
		galDiv.firstChild.style.width = size + "px";
	}
}


function gal_setup_link(div) {
	var link = div.firstChild;
	if(!link)
		return;
	
	link.onclick = gal_link_click;
}

function gal_link_click() {
	var href = this.getAttribute('href');
	// gal_img_view.style.display = "none";
	gal_img_view.style.marginTop = "0px";
	gal_img_view.src = href;

	return false;
}

function gal_img_load() {
	var mh = this.offsetHeight;
	var ph = this.parentNode.offsetHeight;
	var offset = (ph - mh) / 2.5;
	// this.style.display = "block";
	this.style.marginTop = (offset - 1) + "px";
}

gal_init();