﻿//fadeEffects

  window.addEvent('domready', function(){
  var list = $$('#idList .ContentMenuDepartmentsli');
  list.each(function(element) {

  var fx = new Fx.Styles(element, {duration:200, wait:false});

  element.addEvent('mouseenter', function(){
  fx.start({
  'margin-left': 18
  });
  });

  element.addEvent('mouseleave', function(){
  fx.start({
  'margin-left': 8
  });
  });

  });
  });

  window.addEvent('domready', function(){
  var list = $$('#idList .ContentMenu','#idList .activeContentMenuDocs','#idList .activeContentMenuli');
  list.each(function(element) {

  var fx = new Fx.Styles(element, {duration:200, wait:false});

  element.addEvent('mouseenter', function(){
  fx.start({
  'margin-left': 10
  });
  });

  element.addEvent('mouseleave', function(){
  fx.start({
  'margin-left': 0
  });
  });

  });
  });

  function fade1()
  {
  var div = $('div1').setStyles({
  opacity: 0
  });
  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);
  document.getElementById("div1").style.display="block";
  document.getElementById("div2").style.display="none";
  document.getElementById("div3").style.display="none";
  document.getElementById("div4").style.display="none";
  document.getElementById("div5").style.display="none";
  document.getElementById("div6").style.display="none";
  document.getElementById("div7").style.display="none";
  document.getElementById("div8").style.display="none";
  }

  function fade2()
  {
  var div = $('div2').setStyles({
  opacity: 0
  });
  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);
  document.getElementById("div1").style.display="none";
  document.getElementById("div2").style.display="block";
  document.getElementById("div3").style.display="none";
  document.getElementById("div4").style.display="none";
  document.getElementById("div5").style.display="none";
  document.getElementById("div6").style.display="none";
  document.getElementById("div7").style.display="none";
  document.getElementById("div8").style.display="none";
  }

  function fade3()
  {
  var div = $('div3').setStyles({
  opacity: 0
  });
  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);
  document.getElementById("div1").style.display="none";
  document.getElementById("div2").style.display="none";
  document.getElementById("div3").style.display="block";
  document.getElementById("div4").style.display="none";
  document.getElementById("div5").style.display="none";
  document.getElementById("div6").style.display="none";
  document.getElementById("div7").style.display="none";
  document.getElementById("div8").style.display="none";
  }

  function fade4()
  {
  var div = $('div4').setStyles({
  opacity: 0
  });
  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);
  document.getElementById("div1").style.display="none";
  document.getElementById("div2").style.display="none";
  document.getElementById("div3").style.display="none";
  document.getElementById("div4").style.display="block";
  document.getElementById("div5").style.display="none";
  document.getElementById("div6").style.display="none";
  document.getElementById("div7").style.display="none";
  document.getElementById("div8").style.display="none";
  }

  function fade5()
  {
  var div = $('div5').setStyles({
  opacity: 0
  });
  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);
  document.getElementById("div1").style.display="none";
  document.getElementById("div2").style.display="none";
  document.getElementById("div3").style.display="none";
  document.getElementById("div4").style.display="none";
  document.getElementById("div5").style.display="block";
  document.getElementById("div6").style.display="none";
  document.getElementById("div7").style.display="none";
  document.getElementById("div8").style.display="none";
  }

  function fade6()
  {
  var div = $('div6').setStyles({
  opacity: 0
  });
  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);
  document.getElementById("div1").style.display="none";
  document.getElementById("div2").style.display="none";
  document.getElementById("div3").style.display="none";
  document.getElementById("div4").style.display="none";
  document.getElementById("div5").style.display="none";
  document.getElementById("div6").style.display="block";
  document.getElementById("div7").style.display="none";
  document.getElementById("div8").style.display="none";
  }

  function fade7()
  {
  var div = $('div7').setStyles({
  opacity: 0
  });
  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);
  document.getElementById("div1").style.display="none";
  document.getElementById("div2").style.display="none";
  document.getElementById("div3").style.display="none";
  document.getElementById("div4").style.display="none";
  document.getElementById("div5").style.display="none";
  document.getElementById("div6").style.display="none";
  document.getElementById("div7").style.display="block";
  document.getElementById("div8").style.display="none";
  }

  function fade8()
  {
  var div = $('div8').setStyles({
  opacity: 0
  });
  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);
  document.getElementById("div1").style.display="none";
  document.getElementById("div2").style.display="none";
  document.getElementById("div3").style.display="none";
  document.getElementById("div4").style.display="none";
  document.getElementById("div5").style.display="none";
  document.getElementById("div6").style.display="none";
  document.getElementById("div7").style.display="none";
  document.getElementById("div8").style.display="block";
  }
