var Sanguine = {};
Sanguine.i = 0;
Sanguine.iCycleIntervalTime = 30000; // expressed in milliseconds
Sanguine.objCycleImages = null;
//////////////////////////////////////////////////////////////////
Sanguine.cycle = function()
{
  var iCurrent = Sanguine.i;
  ++Sanguine.i;
  Sanguine.i %= Sanguine.objCycleImages.length;

  //do the fade
  $(Sanguine.objCycleImages[iCurrent]).animate({
    opacity:0}, 2000);
    
  $(Sanguine.objCycleImages[Sanguine.i]).animate({
    opacity:1}, 2000);
  
  return;
}
//////////////////////////////////////////////////////////////////
Sanguine.linkMouseOver = function()
{
  this.src = this.src.replace("red", "black");
  return;
}
//////////////////////////////////////////////////////////////////
Sanguine.linkMouseOut = function(event)
{
  this.src = this.src.replace("black", "red");
  return;
}
//////////////////////////////////////////////////////////////////
Sanguine.linkMouseOverRW = function(event)
{
  this.src = this.src.replace("white", "black");
  return;
}
//////////////////////////////////////////////////////////////////
Sanguine.linkMouseOutRW = function(event)
{
  this.src = this.src.replace("black", "white");
  return;
}
//////////////////////////////////////////////////////////////////
Sanguine.load = function()
{
  var i=0;
  var images = $(".cycleBackgroundImage");
  Sanguine.objCycleImages = images;
  
  //cycling backgrounds
  $(".cycleBackgroundImage").css("opacity", 0);
  //show a random one
  $(images[Math.floor(Math.random()*images.length)]).css("opacity", 1);
  //setup the cycling
  window.setInterval(Sanguine.cycle, Sanguine.iCycleIntervalTime);

  //haeder nav rollovers
  $("img.HeaderLinkImage").bind("mouseenter", Sanguine.linkMouseOver);
  $("img.HeaderLinkImage").bind("mouseleave", Sanguine.linkMouseOut);
  
  //remove the current link
  var current = $("img.Current")[0];
  $(current).unbind("mouseenter");
  $(current).unbind("mouseleave");

  //change the image
  current.src = current.src.replace("red", "black");
  
  //do the red white rollovers
  $("img.RollOver").bind("mouseenter", Sanguine.linkMouseOverRW);
  $("img.RollOver").bind("mouseleave", Sanguine.linkMouseOutRW);

  return;
}
//////////////////////////////////////////////////////////////////  
$(document).ready(Sanguine.load);
//////////////////////////////////////////////////////////////////