var FADE_TIME = 1500;
  var SHOW_TIME = 1000;
  var nowShowing = 0;
  var topBarPics = new Array();
  var eleHide;
  var eleShow;
  var fadeInt = Math.round(FADE_TIME / 100);
  var deltaOpac = 10 / FADE_TIME;


  var menuIDs = new Array("home","about","obits","facil","plan","info","contact");
  var menuElements = new Array();

  function showNext()
  {
//alert("calling doFadeStep");
    var toHide = nowShowing;
    var toShow = (toHide + 1) % topBarPics.length;

    eleHide = topBarPics[toHide];
    eleShow = topBarPics[toShow];

    doFadeStep();

  }


  function doFadeStep()
  {

    var curOpacity = eleHide.style.opacity - deltaOpac;
//if (curOpacity > 0.98) alert("doFadeStep:" +  eleHide.style.opacity);
    if (curOpacity < 0) curOpacity = 0;
    eleHide.style.opacity = curOpacity;
    eleHide.style.filter = "alpha(opacity=" + Math.round(curOpacity * 100) + ")";
    eleHide.style.msFilter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + Math.round(curOpacity * 100) + ")";
    curOpacity = 1 - curOpacity;    
    eleShow.style.opacity = curOpacity;
    eleShow.style.filter = "alpha(opacity=" + Math.round(curOpacity * 100) + ")";
    eleShow.style.msFilter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + Math.round(curOpacity * 100) + ")";
    if (curOpacity < 1) setTimeout("doFadeStep()",fadeInt);
    else {
      nowShowing = (nowShowing + 1) % topBarPics.length;
      setTimeout("showNext()",SHOW_TIME);
    }

  }


  function topBarStartUp(){
//alert("topBarStartUp");


    topBarPics[0] = document.getElementById("topBarPic01");
    topBarPics[0].style.opacity = 1;
    topBarPics[1] = document.getElementById("topBarPic02");
    topBarPics[2] = document.getElementById("topBarPic03");
    topBarPics[3] = document.getElementById("topBarPic04");
    topBarPics[4] = document.getElementById("topBarPic05");




//topBarPics[0].style.opacity = "1.00";
//topBarPics[0].style.filter = "alpha(opacity=100)";
//topBarPics[0].style.msFilter="progid:DXImageTransform.Microsoft.Alpha(opacity=100)";







    setTimeout("showNext()",SHOW_TIME);


    for (i=0;i<menuIDs.length;i++){
      menuElements[i] = new menuEle(menuIDs[i]);
    }

    for (i=0;i<menuElements.length;i++){
      menuElements[i].jqID.bind("mouseenter",i,controlSub);
      if (menuElements[i].subMenuID != null) menuElements[i].subMenuID.bind("mouseenter",i,subMenuEnter);
    }

    $('#contentEnvelope').bind('mouseenter',-1,controlSub);
    $('#topBar').bind('mouseenter',-1,controlSub);


//alert($("#aboutSubMenu").length);

//    $("#about").bind('click',function(e){alert("gotClicl");});

//$('#clickTest').bind('click',controlSub);
//alert("after teh bind");

  }


  function controlSub(e)
  {
    var i = e.data;

    for (j=0; j< menuElements.length; j++) {
      if (menuElements[j].isVisible && j != i){
        menuElements[j].subMenuID.hide(500);
        menuElements[j].isVisible = false;
      }
    }
    if (i >= 0 && !menuElements[i].isVisible){
      if (menuElements[i].subMenuID != null){
        menuElements[i].subMenuID.show(500);
        menuElements[i].isVisible = true;
      }
    }
    
  }



  function newPage(loc)
  {
    location.href = loc;
  }

  function subMenuEnter(e)
  {
  }

  function menuEle(theID)
  {
    var s;

    s = "#" + theID + " a";
    this.isA = $(s).length > 0 ? true: false;
    s = "#" + theID;
    this.jqID = $(s).slice(0);
    s = "#" + theID + "SubMenu";
    this.subMenuID = null;
    if ($(s).length > 0) this.subMenuID = $(s).slice(0);
    this.isVisibile = false;
  }

  $(document).ready(topBarStartUp);