// This is for the Image Galleries

function findImg(){
	var content = document.getElementById('thumbs');
	var links = content.getElementsByTagName("img");
	var linkp;
	for(var i=0;i<links.length;i++){
		linkp = links[i];
			addAnEvent(linkp,'mouseover',hover)
			addAnEvent(linkp,'mouseout',out)
			addAnEvent(linkp,'mousedown',showimage)
	}
	initImage();
}

	
function showimage() {
	onSwitch();
	imageId = 'img';
	var img = (document.getElementById(imageId));
	img.src = "blank";
	this.className ="on";
	var src = this.getAttribute('src');
	src = src.substring(0, src.indexOf('.jpg'));
	var desc = this.title;
	var title = (document.getElementById('title'));
	title.innerHTML = desc;
	img.src = src +'-lg'+'.jpg';
	//setOpacity(img, 0);
	//img.style.visibility = 'visible';
  	//fadeIn(imageId,0);
}

function hover(){
	if(this.className == "on"){
		this.className = "on";
	}
	else{
	this.className = "imghover";
	}
	this.style.cursor = "pointer";
}


function out(){
	if(this.className == "on"){
		this.className = "on";
	}
	if(this.className == "imghover"){
		this.className = "";
	}
}

function onSwitch(){
	var links=document.getElementsByTagName("img");
	var linkp;
	for(var i=0;i<links.length;i++){
		linkp = links[i];
		if(linkp.className == "on"){
			linkp.className = "";
		}
	}
}

function addAnEvent(target, eventName, functionName){ 
        eval('target.on'+eventName+'=functionName'); 
}

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;
}

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

document.write("<style type='text/css'>\n" +  "#img {visibility:hidden;}\n" + "</style>");
  
  function initImage() {
  imageId = 'img';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}


window.onload = findImg;