    <head>
    <title>refbutton.html</title>
    <script src=../window.js></script>
    <script src=../examples.js></script>
    </head>

    <body>

    <span id=b5span style="font-weight:bold">Bold HTML</span>
    <span id=scrollspan style="width:200;height:300;overflow:scroll">
    Scrollable Button
    <span style="position:absolute;top:400">last line</span>
    </span>
    <span id=scrollclickspan style="width:200;height:300;overflow:scroll">
    <span onclick="javascript:alert('line 1 clicked')">click this line</span>
    <span onclick="javascript:alert('line 2 clicked')">click this line</span>
    <span onclick="javascript:alert('line 3 clicked')">click this line</span>
    <span onclick="javascript:alert('line 4 clicked')">etc</span>
    </span>

    <script>
    w=new win(10,10,90,90,"K")
    function buttonPushed(b) {
    	var txt = b.div.innerHTML
    	alert(txt + " pushed")
    }
    b1 = new button("simple button",buttonPushed)
    b2 = new button("<h3>simple HTML button</h3>",buttonPushed,150,20)
    b3 = new button("graphics/zoomin.gif",buttonPushed,550,50)
    b4 = new button("positioned button",buttonPushed,100,100)
    b5 = new button("relatively positioned button",buttonPushed,20,20,b4)
    b7 = new button("colored button",buttonPushed,30,60)
    b7.div.style.color="red"
    b7.div.style.backgroundColor="yellow"
    b8 = new button(document.getElementById("b5span"),buttonPushed,10,250)
    b9 = new button(document.getElementById("scrollspan"),null,150,150)
    b10 = new button(document.getElementById("scrollclickspan"),null,450,150)
    b11 = new button("Button positioned relative to the screen",buttonPushed,"40%","90%")
    </script>