/***********************************************

<!-- STEP ONE: Set up the customizable variables at beginning of JS below -->
<!-- STEP TWO: Include this Javascript file in the head of your page -->
<!-- STEP THREE: Include the following CSS in the head of your page -->
  #fadeinbox {
    position:absolute; 
    width:300px; 
    left:0; 
    top:-400px; 
    border:2px solid black; 
    background-color:lightyellow; 
    padding:4px; 
    z-index:100; 
    visibility:hidden;
  }
<!-- STEP FOUR: Include the following HTML code in BODY of your page -->
  <div id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ; -moz-opacity:0">
    <!-- The code that you want to be displayed on the Sticky Note -->
    <div align="right"><a href="#" onClick="hidefadebox();return false">Hide Box</a></div>
  </div>

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Originally from: Team DynamicDrive -->

* Sticky Note script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code

* Edited on Nov 13, 2008 by Nathan DeJong - Added the "expirebyhours" displaymode

***********************************************/


//Specify display mode. 3 possible values are:
//1) "always" - This makes the fade-in box load each time the page is displayed
//2) "oncepersession" - This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5) - Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
//   For example, 2 would display the box about (1/2) 50% of the time the page loads.
//4) "expirebyhours" - This uses cookies to display the fade-in box every so many hours
var displaymode="expirebyhours";
var expirehours=1; //How many hours between displaying fade-in box if displaymode = expirebyhours
var enablefade="yes"; //("yes" to enable fade in effect, "no" to disable)
var autohidebox=["yes", 99]; //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
var showonscroll="yes"; //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1; //fade in duration for IE, in seconds
var Mozfadedegree=0.01; //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)

////////No need to edit beyond here///////////

if (parseInt(displaymode)!=NaN)
  var random_num=Math.floor(Math.random()*displaymode);

function displayfadeinbox(){
  var ie=document.all && !window.opera;
  var dom=document.getElementById;
  iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body;
  objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox;
  var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset;
  var docwidth=(ie)? iebody.clientWidth : window.innerWidth;
  docheight=(ie)? iebody.clientHeight: window.innerHeight;
  var objwidth=objref.offsetWidth;
  objheight=objref.offsetHeight;
  objref.style.left=docwidth/2-objwidth/2+"px";
  objref.style.top=scroll_top+docheight/2-objheight/2+"px";
  if (showonscroll=="yes")
    showonscrollvar=setInterval("staticfadebox()", 50);
  if (enablefade=="yes" && objref.filters){
    objref.filters[0].duration=IEfadelength;
    objref.filters[0].Apply();
    objref.filters[0].Play();
  }
  objref.style.visibility="visible";
  if (objref.style.MozOpacity){
    if (enablefade=="yes")
      mozfadevar=setInterval("mozfadefx()", 90);
    else{
      objref.style.MozOpacity=1;
      controlledhidebox();
    }
  }
  else
    controlledhidebox()
}

function mozfadefx(){
  if (parseFloat(objref.style.MozOpacity)<1)
    objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
  else{
    clearInterval(mozfadevar)
    controlledhidebox()
  }
}

function staticfadebox(){
  var ie=document.all && !window.opera;
  var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset;
  objref.style.top=scroll_top+docheight/2-objheight/2+"px";
}

function hidefadebox(){
  objref.style.visibility="hidden";
  if (typeof showonscrollvar!="undefined")
    clearInterval(showonscrollvar);
}

function controlledhidebox(){
  if (autohidebox[0]=="yes"){
    var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000;
    setTimeout("hidefadebox()", delayvar);
  }
}

function initfunction(){
  setTimeout("displayfadeinbox()", 100);
}

function get_cookie(Name){
  var search = Name + "=";
  var returnvalue = "";
  if (document.cookie.length > 0){
    offset = document.cookie.indexOf(search);
    if (offset != -1){
      offset += search.length;
      end = document.cookie.indexOf(";", offset);
      if (end == -1)
        end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end));
    }
  }
  return returnvalue;
}

if ((displaymode=="oncepersession" && get_cookie("fadedin")=="") || (displaymode=="expirebyhours" && get_cookie("fadedinhour")=="") || (displaymode=="always") || (parseInt(displaymode)!=NaN && random_num==0)){
  if (window.addEventListener)
    window.addEventListener("load", initfunction, false);
  else if (window.attachEvent)
    window.attachEvent("onload", initfunction);
  else if (document.getElementById)
    window.onload=initfunction;
  if (displaymode=="expirebyhours"){
    var theDate = new Date();
    var expireDate = new Date(theDate.getTime() + (1000*60*60*expirehours));
    document.cookie="fadedinhour=yes;expires="+expireDate.toGMTString();
  }
  else if (displaymode=="oncepersession")
    document.cookie="fadedin=yes";
}