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

<span id="First Page">
This is the first page, with one window and one button. The zoom menu
is common to all pages
</span>

<span id="Second Page">
And this is the second one with two windows and one menu besides the
zoom menu
</span>

<span id="Third Page">
You guessed it!
</span>

<input type=button id=page1Button value="Submit First Page" onclick=winSubmit(w1)>

<script>

h=new helpFrame(10,50,200,200)

function winInit(w) {
    w.setVar("map",MSMAP)
    w.setServerURL(MSURL)
    w.setExecOnResize(winSubmit)
}

function winSubmit(w,zooming) {
    if (! zooming) {
        var mapext = w.getReturnedVar("mapext")
        if (mapext) w.setVar("mapext",mapext)
    } 
    w.setVar("mapsize",w.contentWidth + " " + w.contentHeight)
    w.setVar("map_countries_class_color",
        Math.round(Math.random()*255) + " " + 
        Math.round(Math.random()*255) + " " + 
        Math.round(Math.random()*255) 
    )
    w.submit()
}

w1 = new win(300,120,400,400,"First Page");winInit(w1)
h.addPage("First Page",w1,"page1Button")

w2a = new win(500,10,200,500,"Second Page a");winInit(w2a)
w2b = new win(250,250,200,100,"Second Page b");winInit(w2b)
m2 = new menu (
    "submit 2a",function(){winSubmit(w2a)},
    "submit 2b",function(){winSubmit(w2b)}
)
m2.realSticky(true)
m2.showAt(300,10)

h.addPage("Second Page",w2a,w2b,m2)

w3a = new win(300,10,400,100,"Third Page a");winInit(w3a)
w3b = new win(300,120,300,200,"Third Page b");winInit(w3b)
w3c = new win(300,330,200,250,"Third Page c");winInit(w3c)
m3 = new menu (
    "submit 3a",function(){winSubmit(w3a)},
    "submit 3b",function(){winSubmit(w3b)},
    "submit 3c",function(){winSubmit(w3c)}
)
m3.realSticky(true)
m3.showAt(220,10)
h.addPage("Third Page",w3a,w3b,w3c,m3)
</script>
<script src=zoom.js></script>
</body>