/*

animation routines

*/

var current = 1
var next = 2
var opacity = 0
var allowClick = true

function animate()
{ show("animate1")
  hide("animate2")
  hide("animate3")
  setOpacity("animate1",1)
  setOpacity("animate2",0)
  setOpacity("animate3",0)
  setRollovers()
  setNav()
  intvl = setTimeout("nextOne()",8000)
}

function nextOne()
{ next = current + 1
  if (next == 4)
  { next = 1
  }
  changeTo()
}

function changeTo()
{ allowClick = false
  setOpacity("animate" + next,0)
  show("animate" + next)
  opacity = 0
  fader()
}

function fader()
{ setOpacity("animate" + next,opacity)
  setOpacity("animate" + current,(1-opacity))
  opacity = (opacity + .1)
  if (opacity <= 1.0)
  { setTimeout("fader()",50)
  }
  else
  { hide("animate" + current)
    current = next
    setNav()
    intvl = setTimeout("nextOne()",8000)
    allowClick = true
  }
}

function clickTo(which)
{ if (allowClick)
  { if (which == current)
    { return
    }
    clearTimeout(intvl)
    next = which
    changeTo()
  }
}

function setNav()
{ for(i=1;i<=3;i++)
  { if (i == current)
    { nodeImg = document.getElementById("animate_nav" + i)
      srcImage = nodeImg.getAttribute("src")
      navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
      srcImage = srcImage.substring(0,srcImage.length - 7)
      srcImage = srcImage + "sel.gif"
      nodeImg.setAttribute("src",srcImage)
    }
    else
    { nodeImg = document.getElementById("animate_nav" + i)
      srcImage = nodeImg.getAttribute("src")
      navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
      srcImage = srcImage.substring(0,srcImage.length - 7)
      srcImage = srcImage + "off.gif"
      nodeImg.setAttribute("src",srcImage)
    }
  }
}


/*

utility routines

*/

function setOpacity(layr,num)
{	obj = document.getElementById(layr).style
	obj.MozOpacity = num
	obj.opacity = num
	obj.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + (num * 100) + ")"
}

function show(layr)
{ document.getElementById(layr).style.visibility = "visible"
}

function hide(layr)
{ document.getElementById(layr).style.visibility = "hidden"
}

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

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 + "onn.gif"
      nodeImg.setAttribute("src",srcImage)
    }
  }
  else
  { navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
    if ((navState != "sel"))
    { srcImage = srcImage.substring(0,srcImage.length - 7)
      srcImage = srcImage + "off.gif"
      nodeImg.setAttribute("src",srcImage)
    }
  }
}

function loadCSS(cssName) {
	    if (document.createStyleSheet) {
			document.createStyleSheet('http://' + servername + '/includes/css/' + cssName);
		}else {
			var ss = 'http://' + servername + '/includes/css/' + cssName;
			var newSS = document.createElement('link');
			newSS.rel = 'stylesheet';
			newSS.href= ss;
			document.getElementsByTagName("head")[0].appendChild(newSS);
			}

  }	


function CSSLoad(cssName) {
    href = 'http://'+servername+'/includes/css/'+cssName;
    document.write('<link rel="stylesheet" type="text/css" href="'+href+'"/>');	    

  }