1 // @name      Slowly Fade

     2 // @version   0.88

     3 // @author    Richard D. LeCour

     4 // @namespace http://www.richardsramblings.com/?p=486

     5 

     6 var opacity = 96; // Avoid starting at 100% due to Mozilla bug

     7 var slowly = {

     8 	fade : function (id) {

     9 		opacity = 96;

    10 		this.fadeLoop(id, opacity);

    11 	},

    12 	fadeLoop : function (id, opacity) {

    13 		var o = document.getElementById(id);

    14 		if (opacity >= 5) {

    15 			slowly.setOpacity(o, opacity);

    16 			opacity -= 4;

    17 			window.setTimeout("slowly.fadeLoop('" + id + "', " + opacity + ")", 50);

    18 		} else {

    19 			o.style.display = "none";

    20 		}

    21 	},

    22 	setOpacity : function (o, opacity) {

    23 		o.style.filter = "alpha(style=0,opacity:" + opacity + ")";	// IE

    24 		o.style.KHTMLOpacity = opacity / 100;				// Konqueror

    25 		o.style.MozOpacity = opacity / 100;					// Mozilla (old)

    26 		o.style.opacity = opacity / 100;					// Mozilla (new)

    27 	},

    28 	

    29 	show : function (id) {

    30 		opacity = 4;

    31 		this.showLoop(id, opacity);

    32 		},

    33 	showLoop : function (id, opacity) {

    34 		//alert('opacity: ' + opacity);

    35 		var o = document.getElementById(id);

    36 		if (opacity <= 100) {

    37 			

    38 			slowly.setOpacity(o, opacity);

    39 			opacity += 4;

    40 			window.setTimeout("slowly.showLoop('" + id + "', " + opacity + ")", 50);

    41 		} 

    42 	}

    43 }