window.onload = function() {initImage()}

    function initImage() {
        imageId = 'pix';
        image = document.getElementById(imageId);
      
        setOpacity(image, 100);
        image.style.visibility = 'visible';
        
        var i=0;
        var sec=0;
        for (i=1;i<=10;i++)
        {
            sec += 4000;
            window.setTimeout("fadeOut('"+imageId+"',"+100+")", sec);
            sec += 4000;
            window.setTimeout("fadeIn('"+imageId+"',"+0+")", sec);
        }
    }

    function setOpacity(obj, opacity) {
      opacity = (opacity == 100)?99.999:opacity;      
      // IE/Win
      obj.style.filter = "alpha(opacity:"+opacity+")";
      
      // Safari<1.2, Konqueror
      obj.style.KHTMLOpacity = opacity/100;
      
      // Older Mozilla and Firefox
      obj.style.MozOpacity = opacity/100;
      
      // Safari 1.2, newer Firefox and Mozilla, CSS3
      obj.style.opacity = opacity/100;  
    }
    
    function fadeIn(objId,opacity) {
    if (document.getElementById) {
      obj = document.getElementById(objId);
        if (opacity <= 100) {
          setOpacity(obj, opacity);
          opacity = opacity + 10;
          window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
        }
        else
        {
            return;
        }
    }
    }
    
    function fadeOut(objId,opacity) {
    if (document.getElementById) {
      obj = document.getElementById(objId);
        if (opacity >= 0) {
          setOpacity(obj, opacity);
          opacity = opacity - 10;
         window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);         
        }
        else
        {
            return;
        }
    }
    }