// Menu Button Effects Functions
var btn1, btn2, btn3, btn4, btn5;
function TriState()
{
  btn1 = TriStateImage('home',
                              'images/home_over.gif',
                              'images/home_down.gif',
                              Mouseup);
  btn2 = TriStateImage('about',
                              'images/about_over.gif',
                              'images/about_down.gif',
                              Mouseup);
  btn3 = TriStateImage('rates',
                              'images/rates_over.gif',
                              'images/rates_down.gif',
                              Mouseup);	
  btn4 = TriStateImage('portfolio',
                              'images/portfolio_over.gif',
                              'images/portfolio_down.gif',
                              Mouseup);	
  btn5 = TriStateImage('contact',
                              'images/contact_over.gif',
                              'images/contact_down.gif',
                              Mouseup);	  		  					  
if (btn1 && btn2 && btn3 && btn4 && btn5) {
    // continue application initialization
  }
}
function Mouseup()
{
}
function TriStateImage(idOut, urlOver, urlDown, fnUp)
{
  // Downgrade Detection
  if (typeof Image != 'undefined' && document.getElementById) {
    var img = document.getElementById(idOut);
    if (img) {
      // Constructor
      img.fnUp = fnUp;
      img.urlOut = img.src;
      img.imgOver = new Image();
      img.imgOver.src = urlOver;
      img.imgDown = new Image();
      img.imgDown.src = urlDown;
      img.onmouseover = tsiOnMouseover;
      img.onmouseout = tsiOnMouseout;
      img.onmousedown = tsiOnMousedown;
      img.onmouseup = tsiOnMouseup;
      return img;
    }
  }
  return null;
}
// Event Listener Methods
function tsiOnMouseover()
{
  this.src = this.imgOver.src;
}
function tsiOnMouseout()
{
  this.src = this.urlOut;
}
function tsiOnMousedown()
{
  this.src = this.imgDown.src; 
}
function tsiOnMouseup()
{
  this.src = this.imgOver.src;
  if (this.fnUp) {
    this.fnUp();
  }
}


//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["images/tagline.gif", ""]
dynimages[1]=["images/aboutdoc.gif", ""]
dynimages[2]=["images/ratesdoc.gif", ""]

//Preload images ("yes" or "no"):
var preloadimg="yes"

//Set optional link target to be added to all images with a link:
var optlinktarget=""

//Set image border width
var imgborderwidth=0

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.1)"

///////No need to edit beyond here/////
if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}

function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}

function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
//Image Slideshow
prev1 = new Image (32,18);
prev1.src = "images/prev1.jpg";
prev2 = new Image (32,18);
prev2.src = "images/prev2.jpg";

next1 = new Image (32,18);
next1.src = "images/next1.jpg";
next2 = new Image (32,18);
next2.src = "images/next2.jpg";

go1 = new Image (48,24);
go1.src = "images/go1.jpg";
go2 = new Image (48,24);
go2.src = "images/go2.jpg";

maxPic = 5;

p1 = new Image (144,96);
p1.src = "images/cryspi_thumb.jpg";
link1 = "http://www.zylch.net/cryspi";

p2 = new Image (144,96);
p2.src = "images/underconstruction1.gif";
link2 = "underconstruction.htm";

p3 = new Image (144,96);
p3.src = "3-thumb.jpg";
link3 = "3-full.jpg";

p4 = new Image (144,96);
p4.src = "4-thumb.jpg";
link4 = "4-full.jpg";

p5 = new Image (144,96);
p5.src = "5-thumb.jpg";
link5 = "5-full.jpg";

count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval("document.p.src=p" + count + ".src");
}
function link() {
window.open(eval("link" + count));

}