var idContent = "IDContent";
var idMenu = "IDMenu";

function init()
{
    getServerDateTime();
    getMenu();
}
function getServerDateTime()
{    
    Pages_testowa.getServerDateTime(getServerDateTime_callback);
}

function getServerDateTime_callback(response)
{
    var content = document.getElementById(idContent);
    if (response.error != null)
        alert(response.value);
    else if (content != null)
        content.innerHTML = response.value;

}

function getMenu()
{
    var content = document.getElementById(idMenu);
    if (content != null)
    {
        createNewRow(content,"Letko0");
        createNewRow(content,"Letko1");
        createNewRow(content,"Letko2");
        createNewRow(content,"Letko3");
    }
}

function createNewRow(parent, elementText)
{    
    if (parent.rows != null)
    {
        var elemTR = parent.insertRow(parent.rows.length);
        var elemTD = elemTR.insertCell(0);
        elemTD.ID = parent.ID + '.' + parent.rows.length;
        elemTD.innerHTML = elementText;
        elemTD.onclick = showMenu;        
        //navigationObj.insertRow(0);
        //elemTR.appendChild(elemTD);
    }
}

function showMenu(e)
{
    if (!e) 
    {
        var e = window.event
        var obj = this;
        obj.onclick = null;
        createNewSubMenu(obj,obj.ID);
        //alert(obj.innerHTML);
    }
	// e refers to the event
}

function createNewSubMenu(parent,elementText)
{    
    if (parent != null)
    {
        var tab = document.createElement("table");
        tab.ID = elementText;
        parent.appendChild(tab);
        createNewRow(tab,elementText);
    }
}

function createMenu()
{
   var menu = document.getElementById("IDContent");
   menu.innerHTML = "<div></div>";
}

function newElement(title)
{
    return "<div>" + title + "</div>";
}