/*global document */
function showMessage(thiserror, location_id, classname) {
    //first clear showmessage div
    if (document.getElementById("showmessage")) {
        var clearerror = document.getElementById("showmessage");
        clearerror.parentNode.removeChild(clearerror);
    }
    // create an showmessage div
    var location = document.getElementById(location_id);
    var showmessagediv = document.createElement("div");
    showmessagediv.setAttribute("id", "showmessage");
    showmessagediv.className = classname;
    var showmessageul = document.createElement("ul");
    showmessageul.setAttribute("id", classname + "list");
    var showmessage = [];
    showmessage = thiserror.split("|");
    var i; 
    for (i = 0; i < showmessage.length; i++) {
        var showmessageli = document.createElement("li");
        var showmessagelitxt = document.createTextNode(showmessage[i]);
        showmessageli.appendChild(showmessagelitxt);
        showmessageul.appendChild(showmessageli);
    }
    showmessagediv.appendChild(showmessageul);
    location.parentNode.insertBefore(showmessagediv, location);
    //have to add this to display error until css corrected	
}