function preload(imgObj,imgSrc) {
	eval(imgObj+' = new Image()')
	eval(imgObj+'.src = "'+loc+imgSrc+'"')
}

if (ns4||ie4) {
menuActive = false
menuOpened = false
menuShown = null
menuNames = new Array('basics','advanced','object','reusable','misc')

preload('contents0','common/contents0.gif')
preload('contents1','common/contents1.gif')
menuText = new Array()

for (var i=0;i<=4;i++) {
	menuText[i] = new Object()
	preload('menuText['+i+'].img0','common/text-'+menuNames[i]+'0.gif')
	preload('menuText['+i+'].img1','common/text-'+menuNames[i]+'1.gif')
}
}

function go(url) {
	if (url=="forum") var realurl = "/cgi-bin/dynduo/forum.pl"
	else var realurl = loc+url
	setTimeout('document.location.href = "'+realurl+'"',100)
}

// View Source function for viewing document.written files
function viewSource(url) {
	if (ns4) {
		var dochref = document.location.href.split('/')
		var vs = dochref[0]
		for (i=1;i<dochref.length-1;i++) {
			vs += '/' + dochref[i]
		}
		document.location.href = 'view-source:'+vs+'/'+url
	}
	else alert("Only necessary for Netscape 4.0 - IE 4.0 will show the actual source file by default whereas Netscape will show the output of any document.write()'s.")
}

// Netscape Resize Fix
if (document.layers) {
	widthCheck = window.innerWidth
	window.onResize = resizeFix
}
function resizeFix() {
	if (widthCheck != window.innerWidth)
	document.location.href = document.location.href
}

function init() {
	DynLayerInit()
	for (var i=0;i<=4;i++) menuText[i].lyr = new DynLayer('menuText'+i)
	menutop.glideInit = DynLayerGlideInit
	menutop.glideInit()
	menuContents.hide()
	menuContents2.glideInit = DynLayerGlideInit
	menuContents2.glideInit()
	menutop.out = false
	menublock.visible = false
	menublock.hide()
	menublockC.hide()
	contents.show()
}

function loadMenu(i) {
	y = i*11+14
	if (menuActive) return
	if (!menuOpened) {
		openMenu(i)
	}
	else if (menuContents.y==y) {
		closeMenu()
	}
	else {
		menuContents.show()
		menuContents.moveTo(null,y)
		menuOff(menuShown)
		menuShown = i
		setTimeout('myscroll.load("'+loc+'common/toc-'+menuNames[menuShown]+'.html")',200)
	}
}
function openMenu(i) {
	var c=openMenuCount++
	if (c==0) {
		menuContents.show()
		menuActive = true
		menuOff(menuShown)
		menuShown = i
		menuOver(menuShown)
		menuContents.moveTo(null,i*11+14)
		menutop.glideTo('slow','slow',0,null,10,15,'openMenu()')
	}
	else if (c==1) {
		menuContents.css.zIndex = 3
		menuContents2.glideTo('slow','slow',0,0,10,15,'openMenu()')
	}
	else if (c==2) {
		myscroll.load(loc+'common/toc-'+menuNames[menuShown]+'.html')
		menuActive = false
		menuOpened = true
		openMenuCount = 0
	}
}
openMenuCount = 0

function closeMenu(fn) {
	var c=closeMenuCount++
	if (c==0) {
		closeMenuFn = fn
		menuActive = true
		menuShown = null
		menuContents2.glideTo("slow","slow",0,-120,10,15,'closeMenu()')
	}
	else if (c==1) {
		menuContents.css.zIndex = 1
		menutop.glideTo("slow","slow",-186,null,10,15,'closeMenu()')
	}
	else if (c==2) {
		myscroll.load(loc+'common/toc-blank.html')
		menuContents.hide()
		menuShown = null
		menuActive = false
		menuOpened = false
		if (closeMenuFn) eval(closeMenuFn)
		else closeMenuCount = 0
	}
}
closeMenuCount = 0

function toggleMenu() {
	if (!menublock.visible) {
		contents.doc.images["contentsImg"].src = contents1.src
		menublock.show()
		menublock.visible = true
	}
	else {
		if (menuOpened) closeMenu('toggleMenuClose()')
		else toggleMenuClose()
	}
}
function toggleMenuClose() {
	menublock.hide()
	menublock.visible = false
	for (var i=0;i<=4;i++) menuOff(i)
	contents.doc.images["contentsImg"].src = contents0.src
	closeMenuCount = 0
}

function menuOver(i) {if (i!=null) menuText[i].lyr.doc.images['menuText'+i+'Img'].src = menuText[i].img1.src}
function menuOut(i) {if (i!=menuShown) menuOff(i)}
function menuOff(i) {if (i!=null) menuText[i].lyr.doc.images['menuText'+i+'Img'].src = menuText[i].img0.src}

myscroll = new Scroll(7,0,150,110)
myscroll.setColors(null,null,null,null,null)
myscroll.setMargins(0,0,5,8)
myscroll.setDimensions(0,0,14,myscroll.h,11,11,20,0)
myscroll.setImages('scroll-box0.gif','scroll-box1.gif','scroll-up0.gif','scroll-up1.gif','scroll-dn0.gif','scroll-dn1.gif','scroll-bar.gif',loc+'common/')
myscroll.bar.imageW = 14
myscroll.bar.imageH = 88
myscroll.zIndex = 5
myscroll.build(false)

var toccss=css('START')+
css('logosmall',40,10)+
css('contentsDiv',170,37,null,null,null,'hidden')+
css('menublockDiv',235,10,null,null,null,'hidden',2)+
css('menublockCDiv',235,10,145,69,'white')+
css('menuText0',5,7)+
css('menuText1',5,18)+
css('menuText2',5,29)+
css('menuText3',5,40)+
css('menuText4',5,51)+
css('menuContentsDiv',375,14,186,133,null,'hidden',1)+
css('menuContents1Div',0,13,186,120,null)+
css('menuContents2Div',0,-120)+
css('menuContents3Div',13,0,170,110,'#b9c8df')+
css('menubotDiv',9,110)+
css('menutopDiv',-186,0)+
myscroll.css+
css('END')

var tochtml = '<body bgcolor="#FFFFFF" background="'+loc+'common/bg.gif">\n'+
'<div id="menuContentsDiv">\n'+
'<div id="menutopDiv"><img src="'+loc+'common/menu-bar-top.gif" width=186 height=16 border=0></div>\n'+
'<div id="menuContents1Div">\n'+
'<div id="menuContents2Div">\n'+
'<div id="menubotDiv"><img src="'+loc+'common/menu-bar-bot.gif" width=177 height=10 border=0></div>\n'+
'<div id="menuContents3Div">\n'+
myscroll.div+
'</div></div></div></div></div>\n'+
'<div id="logosmall"><a href="'+loc+'index.html"><img src="'+loc+'common/logo-small.gif" width=189 height=43 border=0></a></div>\n'+
'<div id="contentsDiv"><a href="javascript:toggleMenu()"><img name="contentsImg" src="'+loc+'common/contents0.gif" width=60 height=17 border=0></a></div>\n'+
'<div id="menublockDiv">\n'+
'<img src="'+loc+'common/menu-block.gif" width=145 height=69 border=0>\n'+
'<div id="menuText0"><a href="javascript://" onClick="loadMenu(0)" onMouseOver="menuOver(0)" onMouseOut="menuOut(0)"><img name="menuText0Img" src="'+loc+'common/text-basics0.gif" width=127 height=10 border=0></a></div>\n'+
'<div id="menuText1"><a href="javascript://" onClick="loadMenu(1)" onMouseOver="menuOver(1)" onMouseOut="menuOut(1)"><img name="menuText1Img" src="'+loc+'common/text-advanced0.gif" width=127 height=10 border=0></a></div>\n'+
'<div id="menuText2"><a href="javascript://" onClick="loadMenu(2)" onMouseOver="menuOver(2)" onMouseOut="menuOut(2)"><img name="menuText2Img" src="'+loc+'common/text-object0.gif" width=127 height=10 border=0></a></div>\n'+
'<div id="menuText3"><a href="javascript://" onClick="loadMenu(3)" onMouseOver="menuOver(3)" onMouseOut="menuOut(3)"><img name="menuText3Img" src="'+loc+'common/text-reusable0.gif" width=127 height=10 border=0></a></div>\n'+
'<div id="menuText4"><a href="javascript://" onClick="loadMenu(4)" onMouseOver="menuOver(4)" onMouseOut="menuOut(4)"><img name="menuText4Img" src="'+loc+'common/text-misc0.gif" width=127 height=10 border=0></a></div>\n'+
'</div>\n'+
'<div id="menublockCDiv"></div>\n'+
'<div class="bodycontent">\n'

window.onload = init