3 tekster de fader ud og ind forskudt af hinanden

Jeg er kommet frem til følgende så starter jeg bare hvert div forskudt med en settimeout:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body onLoad="fadeind('minDiv',0)">
    <form id="form1" runat="server">
    <div>

        <script type="text/javascript">


        function fadeind(element, opac) {
          if (opac <= 100) {
            obj = document.getElementById(element);
            if (document.all)
              obj.filters.alpha.opacity = opac;
            else
              obj.style.MozOpacity = opac / 100;
            opac += 5;                                     
            setTimeout("fadeind('" + element + "', " + opac + ");", 50);
          }
          else
            setTimeout("fadeud('" + element + "', " + opac + ");", 100);
        }

        function fadeud(element, opac) {
          if (opac >= 0) {
            obj = document.getElementById(element);
            if (document.all)
              obj.filters.alpha.opacity = opac;
            else
              obj.style.MozOpacity = opac / 100;
            opac -= 5;
            setTimeout("fadeud('" + element + "', " + opac + ");", 50);
          }
          else
            setTimeout("fadeind('" + element + "', " + opac + ");", 100);
        }
        </script>


        <h3 id="minDiv" style="position: absolute; font-family: Arial; font-size: 14px; filter: alpha(opacity=0); -moz-opacity: 0;">Test</h3>

    </div>
    </form>
</body>
</html>

Din funktion fungerer ikke i Safari (:

Du skal bare skifte -moz-opacity og MozOpacity ud med opacity, så fungerer det også i Safari