function initHomeImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeInHome(imageId, 0);
}

function fadeInHome(objId, opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 25) {
			setOpacity(obj, opacity);
			opacity += 2;
			window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 1500);
		}
	}
}

function initImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

function fadeIn(objId, opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 70);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100) ? 99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:" + opacity + ")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity / 100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity / 100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity / 100;
}

// dynamic content loader
function javaLoader(url,id) {
	// show loading message
	//showObj('loading');
		if (document.getElementById) {
			var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
		}
		if (x) {
			x.onreadystatechange = function() {
				if (x.readyState == 4 && x.status == 200) {
					el = document.getElementById(id);
					el.innerHTML = x.responseText;
					// hide loading message
					//hideObj('loading');
				}
		}
		x.open("GET", url, true);
		x.send(null);
	}
}

// popup window
function popUp(URL, width, height) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0, scrollbars=1, location=0, statusbar=0, menubar=0, resizable=0, width=" + width + ", height=" + height + ", left = 340, top = 262');");
}

function swapMember(memberName, memberPosition, memberImage){
	if (document.getElementById) {
		el = document.getElementById('member_name');
		el.innerHTML = memberName;
		
		el = document.getElementById('member_position');
		el.innerHTML = memberPosition;
		
		el = document.getElementById('member_image');
		el.innerHTML = "<img src='/gallery/images/" + memberImage + "' />";
	}
}

// width to resize large images to
var maxWidth = 512;
// height to resize large images to
var maxHeight = 384;
// valid file types
var fileTypes = ["bmp","gif","png","jpg","jpeg"];
// the id of the preview image tag
var outImage = "previewField";
// what to display when the image is not valid
var defaultPic = "/images/clearpixel.gif";

function previewImage(what){
  var source = what.value;
  var ext = source.substring(source.lastIndexOf(".") + 1, source.length).toLowerCase();
  for (var i = 0; i < fileTypes.length; i++) if (fileTypes[i] == ext) break;
  globalPic = new Image();
  if (i < fileTypes.length) globalPic.src = source; 
  else {
    globalPic.src = defaultPic;
    alert("THAT IS NOT A VALID IMAGE!\nPlease select an image that is:\n\n" + fileTypes.join(", "));
  }
  setTimeout("applyChanges()", 200);
}

var globalPic;

function applyChanges(){
  var field = document.getElementById(outImage);
  var x = parseInt(globalPic.width);
  var y = parseInt(globalPic.height);
  if (x > maxWidth) {
    y *= maxWidth / x;
    x = maxWidth;
  }
  if (y > maxHeight) {
    x *= maxHeight / y;
    y = maxHeight;
  }
  field.style.display = (x < 1 || y < 1) ? "none":"";
  field.src = globalPic.src;
  field.width = 512;
  field.height = 384;
}

function previewDesc(what){
	if (what != ""){
		var elm = document.getElementById('image_description'); 
		elm.innerHTML = '"' + what + '"';
		showObj('image_description');
	} else {
		hideObj('image_description');
	}
}

function setDisplay(id,value) { 
	var elm = document.getElementById(id); 
	elm.style.display = value; 
}

function showObj(myObject){
	setDisplay(myObject,"block");
}

function hideObj(myObject){
	setDisplay(myObject,"none");
}

function swapGalleryImage(targetImage, srcImage, imageDesc){
	var elm = document.getElementById(targetImage);
	elm.src = srcImage;
	//if (imageDesc != ''){
		//showObj('ss_text');
		//var elm = document.getElementById('ss_text');
		//elm.innerHTML = '"' + imageDesc + '"';
	//} else {
		//hideObj('ss_text');
	//}
}

function changeClass(targetLayer, newClass){
	var elm = document.getElementById(targetLayer);
	elm.className = newClass;
}