Untitled

<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="test.css" />
<script type="text/javascript">

function show_alert()
{
alert("I am an alert box!");
}

function doSomething(e, value) {
    var rightclick;
    if (!e) var e = window.event;
    if (e.which) rightclick = (e.which == 3);
    else if(e.button) rightclick = (e.button == 2); //{ //{


        var posx = 0;
        var posy = 0;
        if (!e) var e = window.event;
        if (e.pageX || e.pageY)     {
            posx = e.pageX;
            posy = e.pageY;
        }
        else if (e.clientX || e.clientY)    {
            posx = e.clientX + document.body.scrollLeft
                + document.documentElement.scrollLeft;
            posy = e.clientY + document.body.scrollTop
                + document.documentElement.scrollTop;
        }
        //document.getElementById("ContextMenu").style.position = "fixed";
        document.getElementById("ContextMenu").style.left = posx + "px";
        document.getElementById("ContextMenu").style.top = posy + "px";
        document.getElementById("ContextMenu").style.visibility = "visible";

        //alert('Rightclick: ' + value);
        //}

        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();

    //alert('Rightclick: ' + value); // true or false
}

function HideMenu(e) {

    var rightclick;
    if (!e) var e = window.event;
    if (e.which) rightclick = (e.which == 3);
    else if(e.button) rightclick = (e.button == 2); //{ //{
    document.getElementById("ContextMenu").style.visibility = "hidden";

}
</script>

</HEAD>
<BODY style="background-image:url('DrexelLogo.png'); background-repeat:no-repeat; background-position:right top; background-color:#21467B;position:relative;z-index:-1;" onmouseup="HideMenu(event)" oncontextmenu="return false;">
<div style="z-index:0;">
<div style="z-index:1">
<BR><BR>
<a href="#" class="myButton" onmouseup="doSomething(event, value)">my <BR>button</a>
<input class="myButton" style="background-image:url('arrow-left.png');background-repeat:no-repeat; position:relative;z-index:2;" type="submit" value="my button" onmouseup="doSomething(event, value)">
</div>
</div>
<div class="myButton3" style="visibility:visible;position:relative;z-index:3;">

Title: <input type="text" name="summary" size="80"/><BR>

Location: <input type="text" name="location" size="80"/><BR>
</div>


<div class="myButton2" id = "ContextMenu" style="visibility:hidden;position:fixed;z-index:3;">
<input class="transparentButton" style="position:relative;z-index:4;" type="submit" value="Some Text">
<BR>
<div class="transparentButton" style="position:relative;z-index:4;">
More Text
</div>
<BR>
<div class="transparentButton" style="position:relative;z-index:4;">
And Even More Text
</div>
</div>

</BODY>
</HTML>