﻿function RenderButton(clientID)
{
    var SubmitKnoten = makeButton(document.getElementById(clientID));
//    SubmitKnoten.setAttribute('href', document.getElementById(clientID).getAttribute('href'))
//    SubmitKnoten.setAttribute('onclick', document.getElementById(clientID).getAttribute('onclick'))
}

function RemoveChildren(Link)
{
    if (Link != null) {
        while (Link.childNodes.length >= 1) {
            Link.removeChild(Link.firstChild);
        }
    }
}

function makeButton(Link) {  
    if (Link != null) {
        var Titel = Link.innerHTML;

	    RemoveChildren(Link);
        
	    Link.className = "submitButton";

	    var dLeftTop = document.createElement("div");
	    dLeftTop.className = "left_top";	
    	
	    var dRight = document.createElement("div");
	    dRight.className = "right_top";
	    dLeftTop.appendChild(dRight);
	    Link.appendChild(dLeftTop);
    	
	    var dRightSide = document.createElement("div");
	    dRightSide.className = "right_side";
    	
	    var dLeftSide = document.createElement("div");
	    dLeftSide.className = "left_side";
	    dLeftSide.innerHTML = Titel;
	    dRightSide.appendChild(dLeftSide);	
    	
	    Link.appendChild(dRightSide);
	    var leftBottom = document.createElement("div");
	    leftBottom.className = "left_bottom";
    	
	    var rightBottom = document.createElement("div");
	    rightBottom.className = "right_bottom";
	    leftBottom.appendChild(rightBottom);
    	
	    Link.appendChild(leftBottom);
    	
	    return Link;
    }
}
