function addClassName (elem, className) {
    removeClassName (elem, className);
    elem.className = (elem.className + " " + className);
}

function removeClassName (elem, className) {
    elem.className = elem.className.replace(className, "");
}

var ie = navigator.appVersion.match(/MSIE (\d\.\d)/);
if (ie && ie[1] <= 6) {
  Behaviour.register({
    '#TopLevelNavigation li' : {
      onmouseover: function() {
        tar = this;
        while (tar.tagName != 'LI') {
          if (tar.getAttribute('id') == 'TopLevelNavigation') {
            break;
          }
          tar = tar.parentNode;
        }
        if (tar.tagName == 'LI') {
          addClassName(tar, "sfhover");
        }
      },

      onmouseout: function() {
        tar = this;
        while (tar.tagName != 'LI') {
          if (tar.getAttribute('id') == 'TopLevelNavigation') {
            break;
          }
          tar = tar.parentNode;
        }
        if (tar.tagName == 'LI') {
          removeClassName(tar, "sfhover");
        }
      }
    }
  });
}

Behaviour.register({
  '#SearchForm_SearchForm_Search' : {
    onfocus: function() {
      if(this.value=='Search'){
        this.value = '';
      }
    },
    onblur: function() {
      if(this.value==''){
        this.value='Search';
      }
    }
  },
  '#TextSize .small' : {
    onclick: function() {
      textSize(this);
    },
    onmouseover: function() {
      toggleImage(this, 1);
    },
    onmouseout: function() {
      toggleImage(this, 0);
    }
  },
  '#TextSize .medium' : {
    onclick: function() {
      textSize(this);
    },
    onmouseover: function() {
      toggleImage(this, 1);
    },
    onmouseout: function() {
      toggleImage(this, 0);
    }
  },
  '#TextSize .large' : {
    onclick: function() {
      textSize(this);
    },
    onmouseover: function() {
      toggleImage(this, 1);
    },
    onmouseout: function() {
      toggleImage(this, 0);
    }
  },
  '#Print' : {
    onclick: function() {
      window.print();
    }
  }
});

// preload images we want to use
var preload = ['toggle_small_over.png',
               'toggle_medium_over.png',
               'toggle_large_over.png'];
var preload_images = [];
var len = preload.length;
for (var i=0; i<len; i++) {
  preload_images[i] = new Image();
  preload_images[i].src = 'raes/images/'+preload[i];
}

function toggleImage(el, over) {
  if (over) {
    el.src = 'raes/images/toggle_'+el.className+'_over.png';
  }
  else if (el.className != text_size) {
    el.src = 'raes/images/toggle_'+el.className+'.png';
  }
}

function textSize(el) {
  if (el.className != text_size) {
    var old_text_size = text_size;
    text_size = el.className;
    new Ajax.Request('home/setTextSize', {method:'get', parameters:'size='+text_size});
    setTextSize();
    toggleImage(el, 1);
    toggleImage(document.getElementsBySelector('#TextSize .'+old_text_size, $('TextSize'))[0], 0);
  }
}

function setTextSize() {
  var content_divs = [];
  var home = $('HomeContent');
  if (home) {
    content_divs.push(home);
  }
  var copy = $('CopyContent');
  if (copy) {
    content_divs.push(copy);
  }
  content_divs.each(function(content_div) {
    if (!text_size) {
      text_size = 'small';
    }
    switch(text_size) {
      case 'small' :
        content_div.style.fontSize = '100%';
        break;
      case 'medium' :
        content_div.style.fontSize = '118%';
        break;
      case 'large' :
        content_div.style.fontSize = '136%';
        break;
    }
  });
}