// find control id "toolbar-nav" (UL control)
// add new li element with following format

//alert(achirdZone);

//create onDomReady Event
window.onDomReady = initReady;

// Initialize event depending on browser
function initReady(fn)
{
    //W3C-compliant browser
    if(document.addEventListener) {
      document.addEventListener("DOMContentLoaded", fn, false);
    }
    //IE
    else {
        document.onreadystatechange = function(){readyState(fn)}
    }
}

//IE execute function
function readyState(func)
{
    // DOM is ready
    if(document.readyState == "interactive" || document.readyState == "complete")
    {
	    func();
    }
}
  
function AddZoneImageToToolbar()
{
    //alert('AddZoneImageToToolbar');

    //var parentEl = document.getElementById('generic-nav-zone');

    if (achirdZone == null) return;

    var elem = document.getElementById('toolbar-nav');

    if (elem == null) return;
    
    var newLi = document.createElement("li");
    
    newLi.className = 'zone';
    newLi.innerHTML = '<a style="display:inline-block;position:absolute;left:600px;width:80px;background:transparent url(/_layouts/images/achird/' + achirdZone + '.gif) 0 -3px;">&nbsp;</a>';
    
    elem.appendChild(newLi);
        
    /*
    var addText = '<ul style="display: inline;font-size:11px;height:20px;width:80px;text-align:right;position:absolute;top:25px;left:0;margin:0;padding: 0 0 5px 0 !important;">';
    addText += '<li style="font-family: serif;font-weight:bold;letter-spacing:1px;background-image: url(/_layouts/images/achird/' + achirdZone + '.gif);display:inline;padding: 2px 0 2px 10px;">';
    addText += achirdZone;
    addText += '</li>';
    addText += '</ul>';
    parentEl.innerHTML += addText;
    */
}

//execute as soon as DOM is loaded
window.onDomReady(AddZoneImageToToolbar);