var imageList = new Array;

function loadImages(names, galleryName) {
	
	for (var i=0; i < names.length; i++) {
		
		var image = new Image;
		
		image.id = galleryName + '-img' + i;
		image.name = galleryName + '-img-' + i;
		
		image.src = names[i];
		
		imageList.push(image);
		
	}
	
}

function showFull(num) {
	
	var container = document.getElementById('full-image');
	var img = imageList[num];
	
	while (container.childNodes.length > 0) {
		container.removeChild(container.lastChild);
	}
	
	//container.appendChild(imageList[num]); // does not work on Safari < 1.3
	if (img) {
		container.innerHTML = '<span style="font-size: 1px">&nbsp;</span><img id="'+img.id+'" name="'+img.name+'" src="'+imageList[num].src+'" width="'+img.width+'" height="'+img.height+'" align="middle"/>';
	} else {
		container.innerHTML = '<div style="line-height: 380px;">image loading...</div>';
	}
	
}