function fadeIn(z){
	if (z < .4) {
		document.getElementById('overlay').style.opacity = z;
		document.getElementById('overlay').style.filter = "alpha(opacity=" + z * 10 + ")";
		z = z + .05;
		setTimeout('fadeIn(' + z + ')', 50);
	}
	else {
		if (document.getElementById('gallery').currentStyle) {
			var vert=(420-document.getElementById('gallery').getElementsByTagName('img')[0].currentStyle.height.split('px')[0])/2;
			document.getElementById('gallery').getElementsByTagName('img')[0].style.marginTop=vert+'px';
		}
		document.getElementById('gallery').className = '';
	}
}

function closeOverlay(){
	document.getElementsByTagName('html')[0].className='';
	document.getElementsByTagName('body')[0].className='';
	document.getElementById('gallery').className='initHide';
	document.getElementById('innerGallery').removeChild(document.getElementById('innerGallery').getElementsByTagName('img')[0]);
	with(document.getElementById('overlay')){
		className='initHide';
		style.opacity=0;
		style.filter='alpha(opacity=0)';
	}
}

function build(){
	var commentNode=xmlDoc.getElementsByTagName('comments')[0];
	var comments=commentNode.getElementsByTagName('comment');
	var commentContainer=document.getElementById('commentContainer');
	for(var i=comments.length-1;i>-1;i--){
		if(comments[i].childNodes[0]==undefined||comments[i].getAttribute('name')=='') continue;
		var nameNode=comments[i].getAttribute('name');
		var newComment=document.createElement('p');
		if(comments[i].childNodes[0].nodeValue==null) continue;
		var newCommentText=document.createTextNode(comments[i].childNodes[0].nodeValue);
		newComment.appendChild(newCommentText);
		if(nameNode.length>0) {
			var name=document.createElement('span');
			var nameText=document.createTextNode('-'+nameNode);
			name.appendChild(nameText);
		}
		newComment.appendChild(name);
		commentContainer.appendChild(newComment);
	}
	var images=xmlDoc.getElementsByTagName('images')[0].getElementsByTagName('image');
	for(var ii=images.length-1;ii>-1;ii--){
		var newImage=document.createElement('img');
		newImage.src=images[ii].childNodes[0].nodeValue;
		document.getElementById('imageContainer').appendChild(newImage);
	}
	var imgs=document.getElementById('imageContainer').getElementsByTagName('img');
	var overlay=document.getElementById('overlay');
	var gallery=document.getElementById('innerGallery');
	if(window.innerHeight) document.getElementById('gallery').style.top=window.innerHeight*.1+'px';
	else document.getElementById('gallery').style.top="50px";
	for(var iii=0;iii<imgs.length;iii++){
		imgs[iii].onclick=function(){
			overlay.className='';
			var newGal=document.createElement('img');
			newGal.src='gallery/'+this.src.split('/')[this.src.split('/').length-1];
			gallery.appendChild(newGal);
			document.getElementsByTagName('html')[0].className='gallery';
			document.getElementsByTagName('body')[0].className='gallery';
			fadeIn(0);
		}
	}
}

function importXML(){
	if (document.implementation && document.implementation.createDocument){
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.onload = build;
	}
	else if (window.ActiveXObject){
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.onreadystatechange = function () {
			if (xmlDoc.readyState == 4) build();
		}
 	}
	else {
		alert('Your browser can\'t handle this script');
		return;
	}
	xmlDoc.load("db.xml");
}

function verify(form){
	form=form.parentNode;
	var error = false;
	if (form.id=='uploadForm') {
		if (document.getElementById('file').value == '') {
			error = true;
		}
	}
	else {
		if (document.getElementById('comments').value.length == 0) {
			document.getElementById('commentsError').className = '';
			error = true;
		}
		if (document.getElementById('email').value.length == 0) {
			document.getElementById('emailError').className = '';
			error = true;
		}
		if (document.getElementById('name').value.length == 0) {
			document.getElementById('nameError').className = '';
			error = true;
		}
	}
    if(error==true) return false;
	else form.submit();
}

window.onload=importXML;