//----------------------- Crossfade Fuction -----------------------
window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
	if(!d.getElementById || !d.createElement)return;

	imgs = d.getElementById("centerimage").getElementsByTagName("img");
	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	
	setTimeout(so_xfade,4000);
}

function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;

	nOpacity = imgs[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		setTimeout(so_xfade,4000);
	} else {
		setTimeout(so_xfade,50);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
	
}
// ----------------------------- End cross-fade function


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function gallery(image) { // change image displayed on gallery page by clicking thumbnail
	var obj = document.getElementById('display');
	obj.innerHTML = '<img src="images/'+image+'" width="525" height="394" alt="Image" />';
}
function gallery3(image, title) { // change image displayed on gallery page by clicking thumbnail
	var obj = document.getElementById('display');
	obj.innerHTML = image+' alt="Image" height="400" />';
	if (title) {
		var obj2 = document.getElementById('imagetitle');
		obj2.innerHTML = title;
	}
}

var stopShow = false;
function stopshow() {
	stopShow = true;
}
function gallery2(image, title) { // change image displayed on gallery page by clicking thumbnail
	var obj = document.getElementById('displayX');
	obj.innerHTML = image+' alt="Image" />';
	obj.xOpacity = 1;
	obj.style.opacity = 1;
	obj.style.MozOpacity = 1;
	obj.style.filter = "alpha(opacity=" + (100) + ")";
	var obj3 = document.getElementById('display2');
	obj3.style.visibility = "hidden";
	var obj5 = document.getElementById('display');
	obj5.style.visibility = "hidden";
	var obj4 = document.getElementById('imagetitle2');
	obj4.style.visibility = "hidden";
	obj.style.visibility = "visible";
	if (title) {
		var obj2 = document.getElementById('imagetitle');
		obj2.innerHTML = title;
		obj2.style.visibility = "visible";
		obj2.xOpacity = 1;
		obj2.style.opacity = 1;
		obj2.style.MozOpacity = 1;
		obj2.style.filter = "alpha(opacity=" + (100) + ")";
	}
}

function galleryfaces(image, title) { // this is for "faces" to make images larger
	var obj = document.getElementById('displayX');
	if (image == '<img src="images/faces/awakening.jpg"' || image == '<img src="images/faces/tears.jpg"') {
		obj.innerHTML = image+' alt="Image" />';
	} else {
		obj.innerHTML = image+' alt="Image" height="350" />';
	}
	obj.xOpacity = 1;
	obj.style.opacity = 1;
	obj.style.MozOpacity = 1;
	obj.style.filter = "alpha(opacity=" + (100) + ")";
	var obj3 = document.getElementById('display2');
	obj3.style.visibility = "hidden";
	var obj5 = document.getElementById('display');
	obj5.style.visibility = "hidden";
	var obj4 = document.getElementById('imagetitle2');
	obj4.style.visibility = "hidden";
	obj.style.visibility = "visible";
	if (title) {
		var obj2 = document.getElementById('imagetitle');
		obj2.innerHTML = title;
		obj2.style.visibility = "visible";
		obj2.xOpacity = 1;
		obj2.style.opacity = 1;
		obj2.style.MozOpacity = 1;
		obj2.style.filter = "alpha(opacity=" + (100) + ")";
	}
}

var number=1;
function addfield() { // add another upload field to upload image page
  	var obj = document.getElementById(number);
	number++;
	obj.innerHTML += '<br /><input name="theimage[]" type="file" /><br /><div id="'+number+'"></div>';
}