SlOutMen.Registry = []
SlOutMen.aniLen = 500
SlOutMen.hideDelay = 500
SlOutMen.minCPUResolution = 3

function SlOutMen(id, dir, left, top, width, height)
{
this.ie = document.all ? 1 : 0
this.ns4 = document.layers ? 1 : 0
this.dom = document.getElementById ? 1 : 0
if (this.ie || this.ns4 || this.dom) {
this.id = id
this.dir = dir
this.orientation = dir == "left" || dir == "right" ? "h" : "v"
this.dirType = dir == "right" || dir == "down" ? "-" : "+"
this.dim = this.orientation == "h" ? width : height
this.hideTimer = false
this.aniTimer = false
this.open = false
this.over = false
this.startTime = 0
this.gRef = "SlOutMen_"+id
eval(this.gRef+"=this")
SlOutMen.Registry[id] = this
var d = document
d.write('<style type="text/css">')
d.write('#' + this.id + 'Container { visibility:hidden; ')
d.write('left:' + left + 'px; ')
d.write('top:' + top + 'px; ')
d.write('overflow:hidden; }')
d.write('#' + this.id + 'Container, #' + this.id + 'Content { position:absolute; ')
d.write('width:' + width + 'px; ')
d.write('height:' + height + 'px; ')
d.write('clip:rect(0 ' + width + ' ' + height + ' 0); ')
d.write('}')
d.write('</style>')
this.load()
}
}
SlOutMen.prototype.load = function() {
var d = document
var lyrId1 = this.id + "Container"
var lyrId2 = this.id + "Content"
var obj1 = this.dom ? d.getElementById(lyrId1) : this.ie ? d.all[lyrId1] : d.layers[lyrId1]
if (obj1) var obj2 = this.ns4 ? obj1.layers[lyrId2] : this.ie ? d.all[lyrId2] : d.getElementById(lyrId2)
var temp
if (!obj1 || !obj2) window.setTimeout(this.gRef + ".load()", 100)
else {
this.container = obj1
this.menu = obj2
this.style = this.ns4 ? this.menu : this.menu.style
this.homePos = eval("0" + this.dirType + this.dim)
this.outPos = 7
this.accelConst = (this.outPos - this.homePos) / SlOutMen.aniLen / SlOutMen.aniLen
if (this.ns4) this.menu.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
this.menu.onmouseover = new Function("SlOutMen.sMe('" + this.id + "')")
this.menu.onmouseout = new Function("SlOutMen.hMe('" + this.id + "')")
this.endSlide()
}
}


SlOutMen.sMe = function(id)
{
var reg = SlOutMen.Registry
var obj = SlOutMen.Registry[id]
if (obj.container) {
obj.over = true
for (menu in reg) if (id != menu) SlOutMen.hide(menu)
if (obj.hideTimer) { reg[id].hideTimer = window.clearTimeout(reg[id].hideTimer) }
if (!obj.open && !obj.aniTimer) reg[id].startSlide(true)
}
}

SlOutMen.hMe = function(id)
{
var obj = SlOutMen.Registry[id]
if (obj.container) {
if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
obj.hideTimer = window.setTimeout("SlOutMen.hide('" + id + "')", SlOutMen.hideDelay);
}
}
SlOutMen.hide = function(id)
{
var obj = SlOutMen.Registry[id]
obj.over = false
if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
obj.hideTimer = 0
if (obj.open && !obj.aniTimer) obj.startSlide(false)
}
SlOutMen.prototype.startSlide = function(open) {
this[open ? "onactivate" : "ondeactivate"]()
this.open = open
if (open) this.setVisibility(true)
this.startTime = (new Date()).getTime()
this.aniTimer = window.setInterval(this.gRef + ".slide()", SlOutMen.minCPUResolution)
}
SlOutMen.prototype.slide = function() {
var elapsed = (new Date()).getTime() - this.startTime
if (elapsed > SlOutMen.aniLen) this.endSlide()
else {
var d = Math.round(Math.pow(SlOutMen.aniLen-elapsed, 2) * this.accelConst)
if (this.open && this.dirType == "-") d = -d
else if (this.open && this.dirType == "+") d = -d
else if (!this.open && this.dirType == "-") d = -this.dim + d
else d = this.dim + d
this.moveTo(d)
}
}
SlOutMen.prototype.endSlide = function() {
this.aniTimer = window.clearTimeout(this.aniTimer)
this.moveTo(this.open ? this.outPos : this.homePos)
if (!this.open) this.setVisibility(false)
if ((this.open && !this.over) || (!this.open && this.over)) {
this.startSlide(this.over)
}
}
SlOutMen.prototype.setVisibility = function(bShow) {
var s = this.ns4 ? this.container : this.container.style
s.visibility = bShow ? "visible" : "hidden"
}
SlOutMen.prototype.moveTo = function(p) {
this.style[this.orientation == "h" ? "left" : "top"] = this.ns4 ? p : p + "px"
}
SlOutMen.prototype.getPos = function(c) {
return parseInt(this.style[c])
}
SlOutMen.prototype.onactivate = function() { }
SlOutMen.prototype.ondeactivate = function() { }

var n="&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;";

var y=193;

var x1=76;
var x2=199;
var x3=413;
var x4=503;
var x5=685;
var x6=788;
var x7=862;

new SlOutMen("menu1", "down", x1, y, 281, 240),
new SlOutMen("menu2", "down", x2, y, 254, 206),
new SlOutMen("menu3", "down", x3, y, 220, 118),
new SlOutMen("menu4", "down", x4, y, 227, 102),
new SlOutMen("menu5", "down", x5, y, 163, 146),
new SlOutMen("menu6", "down", x6-26, y, 238, 175),
new SlOutMen("menu7", "down", x7-17, y, 157, 131)

function sh(id){
	if (document.getElementById(id).style.display == 'none') {document.getElementById(id).style.display = 'block';}
	else {document.getElementById(id).style.display = 'none';}
}