function popupNote (cssClass, message) {
    var notifarea = document.getElementById('notifications');
    var note = document.createElement('div');
    /*
    var close = document.createElement('div');
    close.appendChild(document.createTextNode('x'));
    close.onclick = (function(note) { function(){note.style.display='none'}})(note);
    */
    note.appendChild(document.createTextNode(message));
    //note.appendChild(close);
    note.className = cssClass;
    note.style.opacity = 1;
    note.onclick = function() {this.style.display='none'};
    if(!notifarea.hasChildNodes()) {
	notifarea.style.display = 'block';
	notifarea.appendChild(note);
    } else {
	notifarea.insertBefore(note, notifarea.firstChild);
    }
    setTimeout(function(){fadeNote(note)}, 15000);
}

function fadeNote(note) {
    note.style.opacity = note.style.opacity-0.1;
    if(note.style.opacity > 0.2)
	setTimeout(function(){fadeNote(note)}, 150);
    else
	setTimeout(function(){hideNote(note)}, 150);
}

function hideNote(note) {
    var notifarea = document.getElementById('notifications');
    notifarea.removeChild(note);
    if(!notifarea.hasChildNodes())
	notifarea.style.display = 'none';
}