homepageRotationInterval = null
    homepageRotationImg = 0;
    homepageRotationFXList = [];
    homepageRotationImgList = [];
    homepageRotationNavList = [];
    
    var homeRot_oldOnload = window.onload;
    window.onload = function(){
    	if (homeRot_oldOnload) homeRot_oldOnload();

      homepageRotationImgList = $$('#imgRotation li');
      homepageRotationNavList = $$('#imgRotation li.nav a');
      
      //check nav list, since imglist contains li.nav
      if (homepageRotationNavList.length > 1){
        setupNav();
        homepageRotationImgList[0].removeClassName("selected");

        for (var i = 0;i < homepageRotationImgList.length - 1; i++){
          var o = new fx.Opacity(homepageRotationImgList[i], {duration: 1000, transition: fx.linear});
          o.setOpacity((i==0)?1:0);
          homepageRotationFXList.push(o);
        }

        /*var nav = $$('#imgRotation li.nav div')[0];
        nav.style.background = "transparent";
        var navbg = document.createElement('div');
        nav.appendChild(navbg);
        navbg.style.background = "white";
          */
        new fx.Opacity($$('#imgRotation li.nav div')[0]).setOpacity(.5);

        homepageRotationInterval = setInterval("rotateNextImage()", 7000);

      }
      //else only 1 homepage image, nav is hidden by default.

    }



    function rotateNextImage(){
      rotateToIdx((homepageRotationImg+1) % ($$('ul#imgRotation li').length - 1));
    }

    function rotateToIdx(idx){
      if (idx != homepageRotationImg){
        oldIdx = homepageRotationImg;
        homepageRotationImg = idx;

        //cross fade main img
        homepageRotationFXList[oldIdx].custom(1,0);
        homepageRotationFXList[homepageRotationImg].custom(0,1);

        //update nav
        homepageRotationNavList[oldIdx].removeClassName("selected")
        homepageRotationNavList[homepageRotationImg].addClassName("selected")
      }
    }

    function setupNav(){
      homepageRotationImgList[homepageRotationImgList.length-1].addClassName("selected");  // show nav
      homepageRotationNavList[0].addClassName("selected");  //select first nav item

      for (var i = 0;i < homepageRotationNavList.length; i++){
        homepageRotationNavList[i].idx = i;  //remember index so we don't have to look it up later
        homepageRotationNavList[i].style.cursor = "pointer";
        homepageRotationNavList[i].observe('click',
          function(event) {
            var element = Event.element(event);
            clearInterval(homepageRotationInterval);
            rotateToIdx(element.idx);
          });
      }

    }