//////////////////////////Preload images///////////////////////////////////////
function preloadImages() {
  try {
    var d=document;
    if(d.images) {
      if(!d.MM_p) d.MM_p=new Array();
      var i,j=d.MM_p.length,a=preloadImages.arguments;
      for(i=0; i<a.length; i++)
      if (a[i].indexOf("#")!=0){
         d.MM_p[j]=new Image;
         d.MM_p[j++].src=a[i];
      }
    }
  } catch ( e ) {
    alert( e.message );
  }
}

//////////////////////////rollover buttons/////////////////////////////////////
//part: the part of the page that the button is placed
//fileName: file name without any _H,_N,etc
// for example: for the file "about_N.jpg" you would pass "about" for fileName
//imageName: the name of the image element
//imageType: the extension of the image file(i.e. jpg, gif, bmp,etc)
function on(part,fileName,imageName,imageType)
 {
   if (document.images)
    {
      if( part == 'left' )
      {
        var path=new String("Graphics/Common/buttons/menu_buttons/");
      }
      else if ( part == 'top' )
      {
        var path=new String("Graphics/Common/buttons/top_buttons/");
      }
      else if ( part == 'bottom' )
      {
        var path=new String("Graphics/Common/buttons/bottom_buttons/");
      }
      else if ( part == 'sub' )
      {
	    var path=new String("Graphics/Common/buttons/submenu_buttons/sub_");
	  }
      else
      {
        var path=new String("Graphics/Common/buttons/other/");
      }
      if( imageType == 'jpg' )
      {
		imgOn = new Image();
		var temp= path;
		temp += fileName;
		temp += "_H.jpg";
		imgOn.src = temp;
		document[imageName].src= imgOn.src;
      }
      else if( imageType == 'gif' )
      {
		imgOn = new Image();
		var temp= path;
		temp += fileName;
		temp += "_H.gif";
		imgOn.src = temp;
		document[imageName].src= imgOn.src;
	  }
    }
 }

function off(part,fileName,imageName,imageType)
 {
   if (document.images)
    {
      if( part == 'left' )
      {
        var path=new String("Graphics/Common/buttons/menu_buttons/");
      }
      else if ( part == 'top' )
      {
        var path=new String("Graphics/Common/buttons/top_buttons/");
      }
      else if ( part == 'bottom' )
      {
       var path=new String("Graphics/Common/buttons/bottom_buttons/");
      }
      else if ( part == 'sub' )
      {
	    var path=new String("Graphics/Common/buttons/submenu_buttons/sub_");
	  }
      else
      {
        var path=new String("Graphics/Common/buttons/other/");
      }
      if( imageType == 'jpg' )
      {
		imgOn = new Image();
		var temp= path;
		temp += fileName;
		temp += "_N.jpg";
		imgOn.src = temp;
		document[imageName].src= imgOn.src;
      }
      else if( imageType == 'gif' )
      {
		imgOn = new Image();
		var temp= path;
		temp += fileName;
		temp += "_N.gif";
		imgOn.src = temp;
		document[imageName].src= imgOn.src;
	  }
    }
 }



///////////////////////////left menu///////////////////////////////////////////
ypSlideOutMenu.Registry = []
ypSlideOutMenu.aniLen = 40
ypSlideOutMenu.hideDelay = 330
ypSlideOutMenu.minCPUResolution = 10

// constructor
function ypSlideOutMenu(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

		// global reference to this object
		this.gRef = "ypSlideOutMenu_"+id
		eval(this.gRef+"=this")

		// add this menu object to an internal list of all menus
		ypSlideOutMenu.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()
	}
}

ypSlideOutMenu.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		= 0
		this.accelConst	= (this.outPos - this.homePos) /ypSlideOutMenu.aniLen /ypSlideOutMenu.aniLen

		// set event handlers.
		if (this.ns4) this.menu.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
		this.menu.onmouseover = new Function("ypSlideOutMenu.showMenu('" + this.id + "')")
		this.menu.onmouseout = new Function("ypSlideOutMenu.hideMenu('" + this.id + "')")

		//set initial state
		this.endSlide()
	}
}

ypSlideOutMenu.showMenu = function(id) {
	//window.status = id
	var reg = ypSlideOutMenu.Registry
	var obj = ypSlideOutMenu.Registry[id]

	if (obj.container) {

		obj.over = true

		// close other menus.
		for (menu in reg) if (id != menu) ypSlideOutMenu.hide(menu)

		// if this menu is scheduled to close, cancel it.
		if (obj.hideTimer) {
		  reg[id].hideTimer = window.clearTimeout(reg[id].hideTimer)
		}

		// if this menu is closed, open it.
		if (!obj.open && !obj.aniTimer) reg[id].startSlide(true)
	}
}

ypSlideOutMenu.hideMenu = function(id)
{
	// schedules the menu to close after <hideDelay> ms, which
	// gives the user time to cancel the action if they accidentally moused out
	var obj = ypSlideOutMenu.Registry[id]
	if (obj.container) {
		if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
		obj.hideTimer = window.setTimeout("ypSlideOutMenu.hide('" + id + "')",
		ypSlideOutMenu.hideDelay);
	}
}

ypSlideOutMenu.hide = function(id)
{
	var obj = ypSlideOutMenu.Registry[id]
	obj.over = false

	if (obj.hideTimer) window.clearTimeout(obj.hideTimer)

	// flag that this scheduled event has occured.
	obj.hideTimer = 0

	// if this menu is open, close it.
	if (obj.open && !obj.aniTimer) obj.startSlide(false)
}

ypSlideOutMenu.prototype.startSlide = function(open) {
	this.open = open
	if (open) this.setVisibility(true)
	this.startTime = (new Date()).getTime()
	this.aniTimer = window.setInterval(this.gRef + ".slide()",ypSlideOutMenu.minCPUResolution)
}

ypSlideOutMenu.prototype.slide = function() {
	var elapsed = (new Date()).getTime() - this.startTime
	if (elapsed > ypSlideOutMenu.aniLen) this.endSlide()
	else {
		var d = Math.round(Math.pow(ypSlideOutMenu.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)
	}
}

ypSlideOutMenu.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)
	}
}

ypSlideOutMenu.prototype.setVisibility = function(bShow) {
	var s = this.ns4 ? this.container : this.container.style
	s.visibility = bShow ? "visible" : "hidden"
}
ypSlideOutMenu.prototype.moveTo = function(p) {
  try {
    this.style[this.orientation == "h" ? "left" : "top"] = p;
  } catch ( e ) {
    //alert( p )
    //alert( e.message );
  }
}
ypSlideOutMenu.prototype.getPos = function(c) {
	return parseInt(this.style[c])
}

/////////////////////Position, and dimention of sub-menus//////////////////////

    new ypSlideOutMenu("menu1", "left", 155, 200, 204, 110)
    new ypSlideOutMenu("menu2", "left", 155, 217, 204, 92)
    new ypSlideOutMenu("menu3", "left", 155, 234, 210, 110)
    new ypSlideOutMenu("menu4", "left", 155, 251, 204, 92)
    new ypSlideOutMenu("menu5", "left", 155, 268, 204, 164)
    new ypSlideOutMenu("menu6", "left", 155, 285, 204, 128)
    new ypSlideOutMenu("menu7", "left", 155, 302, 204, 164)
    new ypSlideOutMenu("menu8", "left", 155, 319, 204, 164)
    new ypSlideOutMenu("menu9", "left", 155, 336, 204, 74)
    new ypSlideOutMenu("menu10", "left",155, 353, 204, 74)
    new ypSlideOutMenu("menu11", "left",155, 370, 204, 56)
    new ypSlideOutMenu("menu12", "left",155, 387, 204, 39)