﻿
var linkColorChange = {

   offStyleHeaderLink: '.headerLinkOff',
   onStyleHeaderLink: '.headerLinkOn',
   offStyleSidebarLink: '.sidebarLinkOff',
   onStyleSidebarLink: '.sidebarLinkOn',

   offColorSidebarLink: 'FFFFFF',
   onColorSidebarLink: '294641',
   offColor4: '000000',
   onColor4: '191919',
   linkColorOff: 'black',
   linkColorOn: 'black',

   /* Sets the background color of each heading-menu item. */
   setupColorChangeForHeaderLinks: function() 
   {
      var links = $$('#header_nav ul li a');
      links.each(function(link) 
      {
          var changeColor = new Fx.Morph(link, 
          {
             duration: 200,
             wait: false
          });

          link.addEvent('mouseover', function() {
                changeColor.start(linkColorChange.onStyleHeaderLink);
          });
          link.addEvent('mouseout', function() {
                changeColor.start(linkColorChange.offStyleHeaderLink);
          });

          changeColor.set(linkColorChange.offStyleHeaderLink);
     
      });
   },

    /* Sets the background and foreground (text) color of each sidebar menu item. */    
    setupColorChangeForSidebarLinks: function() {
        var links = $$('#sidebar_links ul li a');
        links.each(function(link) {

            var changeColor = new Fx.Morph(link, {
                duration: 200,
                wait: false
            });

            link.addEvent('mouseover', function() {
                changeColor.start(linkColorChange.onStyleSidebarLink);
            });
            link.addEvent('mouseout', function() {
                changeColor.start(linkColorChange.offStyleSidebarLink);
            });

            changeColor.set(linkColorChange.offStyleSidebarLink);
   
        });
    },

   init: function() {
        this.setupColorChangeForHeaderLinks();
        this.setupColorChangeForSidebarLinks();
    }

};
window.addEvent('domready',linkColorChange.init.bind(linkColorChange));

