document.write('var fadeElement =
');
document.write('{
');
document.write(' initialise: function(obj)
');
document.write(' {
');
document.write(' // Set initial opacity for the object:
');
document.write(' fadeElement.setOpacity(obj, 20);
');
document.write(' // Add the object to objArray:
');
document.write(' fadeElement.objArray.push(obj);
');
document.write(' // Initialise the fadeState property:
');
document.write(' obj.fadeState = \'\';
');
document.write(' obj.onmouseover = function() { this.fadeState = \'fadingIn\'; }
');
document.write(' obj.onmouseout = function() { this.fadeState = \'fadingOut\'; }
');
document.write('
');
document.write(' // Set a timer to call the fader method:
');
document.write(' if (!window.fadeTimer) window.fadeTimer = setInterval(fadeElement.fader, 50);
');
document.write(' },
');
document.write('
');
document.write(' setOpacity: function(obj, opacity)
');
document.write(' {
');
document.write(' obj.style.filter = "alpha(opacity=" + opacity + ")"; // For IE filter to work, obj MUST have layout
');
document.write(' obj.style.KHTMLOpacity = opacity / 100; // Safari and Konqueror
');
document.write(' obj.style.MozOpacity = opacity / 100; // Old Mozilla and Firefox
');
document.write(' obj.style.opacity = opacity / 100; // CSS3 opacity for browsers that support it
');
document.write(' },
');
document.write('
');
document.write(' fader: function()
');
document.write(' {
');
document.write(' // Loop through all objects in objArray:
');
document.write(' for (var i = 0; i < fadeElement.objArray.length; i++)
');
document.write(' {
');
document.write(' var obj = fadeElement.objArray[i];
');
document.write(' var opacity = obj.style.opacity * 100;
');
document.write('
');
document.write(' // Check if the current object is animated:
');
document.write(' if ((obj.fadeState == \'fadingIn\') && opacity < 100)
');
document.write(' fadeElement.setOpacity(obj, opacity + 10);
');
document.write(' else if ((obj.fadeState == \'fadingOut\') && opacity > 20)
');
document.write(' fadeElement.setOpacity(obj, opacity - 10);
');
document.write(' }
');
document.write(' },
');
document.write('
');
document.write(' objArray: [] // This array stores each object passed to the script.
');
document.write('}
');
document.write('
');