window.onload = init

function init()
{ setRollovers()
  if (document.getElementById("slideshow"))
  { startSlideShow()
  }
}



/*

after the html page loads, setRollovers() scans the HTML page for any img tag 
that has the class "rollOver". When it finds one, it attaches the mouseover events.

*/

function setRollovers()
{ imgs = document.getElementsByTagName("img")
  for (i=0;i<imgs.length;i++)
  { if (/rollOver/.test(imgs[i].className))
    { imgs[i].parentNode.onmouseover=function(){roll(this,true);}
      imgs[i].parentNode.onmouseout=function(){roll(this,false);}
      imgs[i].parentNode.onfocus=function(){roll(this,true);}
      imgs[i].parentNode.onblur=function(){roll(this,false);}
    }
  }
}





/*

roll() handles the image rollovers.

*/

function roll(node,status)
{	nodeImg = node.firstChild
	srcImage = nodeImg.getAttribute("src")
	
	if (status)
	{	navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
		if (navState == "off")
		{	srcImage = srcImage.substring(0,srcImage.length - 7)
			srcImage = srcImage + "on.gif"
			nodeImg.setAttribute("src",srcImage)
		}
	}
	else
	{	navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
		if ((navState != "sel") && (navState != "off"))
		{	srcImage = srcImage.substring(0,srcImage.length - 6)
			srcImage = srcImage + "off.gif"
			nodeImg.setAttribute("src",srcImage)
		}
	}
}




function portfolio(which)
{ node = document.getElementById("bigImg")
  srcImage = node.getAttribute("src")
  srcImage = srcImage.substring(0,srcImage.length - 9)
  lastSlash = srcImage.lastIndexOf("/") + 1
  srcImage = srcImage.substring(0,lastSlash)
  srcImage = srcImage + which + ".jpg"
  node.setAttribute("src",srcImage)
  document.getElementById("roll").style.display = "none"
}




var current = 1
var maximum = 9
var opacity = 1

function startSlideShow()
{ document.getElementById("slideCurrent").innerHTML = document.getElementById("slide1").innerHTML
  setInterval("nextSlide()",4000)
}

function nextSlide()
{ current++
  if (current > maximum)
  { current = 1
  }
  
  document.getElementById("slideNext").innerHTML = document.getElementById("slide" + current).innerHTML
  fadeOff()
}

function fadeOff()
{ obj = document.getElementById("slideCurrent")
  setOpacity(obj,opacity)
  opacity -= 0.2
  
  if (opacity >= 0)
  { setTimeout("fadeOff()",50)
  }
  else
  { document.getElementById("slideCurrent").innerHTML = document.getElementById("slide" + current).innerHTML
    setOpacity(obj,1)
    opacity = 1
  }
}




function setOpacity(obj,num)
{ obj.style.MozOpacity = num
  obj.style.opacity = num
  obj.style.filter = "alpha(opacity=" + (num * 100) + ")"
}