function MM_reloadPage(init) {  //reloads the window if Nav4 resized
				  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
				    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
				  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
				}
				MM_reloadPage(true);

				
				
				personal = new Image();
				personal.src="/env/img/menu_personal_banking-o.gif'";

				business = new Image();
				business.src="/env/img/menu_business_banking-o.gif'"; 

				mortgage = new Image();
				mortgage.src="/env/img/menu_mortgage_center-o.gif'"; 

				online = new Image();
				online.src="/env/img/menu_online_banking-o.gif'"; 

				investment = new Image();
				investment.src="/env/img/menu_investment-o.gif'"; 

				about = new Image();
				about.src="/env/img/menu_aboutus-o.gif'"; 

				home = new Image();
				home.src="/env/img/menu_home-o.gif'"; 
				
				
				
				
				
				
				

				var clickmessage="Right click disabled on images!"

				function disableclick(e) {
				if (document.all) {
				if (event.button==2||event.button==3) {
				if (event.srcElement.tagName=="IMG"){
				alert(clickmessage);
				return false;
				}
				}
				}
				else if (document.layers) {
				if (e.which == 3) {
				alert(clickmessage);
				return false;
				}
				}
				else if (document.getElementById){
				if (e.which==3&&e.target.tagName=="IMG"){
				alert(clickmessage)
				return false
				}
				}
				}

				function associateimages(){
				for(i=0;i<document.images.length;i++)
				document.images[i].onmousedown=disableclick;
				}

				if (document.all)
				document.onmousedown=disableclick
				else if (document.getElementById)
				document.onmouseup=disableclick
				else if (document.layers)
				associateimages()
				
				
				
				
				
					//window.onload=runSlideShow;
					leaving=false;

					// Set slideShowSpeed (milliseconds)
					var slideShowSpeed = 4000

					// Duration of crossfade (seconds)
					var crossFadeDuration = 3

					// Specify the image files
					// var Pic = new Array() // don't touch this
					// to add more images, just continue
					// the pattern, adding to the array below

					//Pic[0] = '/env/img/slides/CC01.jpg'
					//Pic[1] = '/env/img/slides/CC02.jpg'
					//Pic[2] = '/env/img/slides/CC03.jpg'
					//Pic[3] = '/env/img/slides/CC04.jpg'
					//Pic[4] = '/env/img/slides/CC05.jpg'
					//Pic[5] = '/env/img/slides/CC06.jpg'

					// =======================================
					// do not edit anything below this line
					// =======================================

					var t
					var j = 0
					var p = Pic.length

					var preLoad = new Array()
					for (i = 0; i < p; i++){
					   preLoad[i] = new Image()
					   preLoad[i].src = Pic[i]
					}

					function runSlideShow(){
					   if (document.all){
						  document.images.SlideShow.style.filter="blendTrans(duration=2)"
						  document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
						  document.images.SlideShow.filters.blendTrans.Apply()      
					   }
					   document.images.SlideShow.src = preLoad[j].src
					   if (document.all){
						  document.images.SlideShow.filters.blendTrans.Play()
					   }
					   j = j + 1
					   if (j > (p-1)) j=0
					   t = setTimeout('runSlideShow()', slideShowSpeed)
					}
					

				

				 
						// the number you pass to initLeft doesn't matter since it will get
						// changed onactivate
						var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 110, 180, 400)
						var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 110, 180, 400)
						var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 110, 180, 400)
						var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 110, 180, 400)
						var myMenu5 = new ypSlideOutMenu("menu5", "down", -1000, 110, 180, 400)
						var myMenu6 = new ypSlideOutMenu("menu6", "down", -1000, 110, 180, 400)
					
				     
				    // for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
						myMenu1.onactivate = function() { repositionMenu(myMenu1, -391); }
						myMenu2.onactivate = function() { repositionMenu(myMenu2, -268); }
						myMenu3.onactivate = function() { repositionMenu(myMenu3, -143); }
						myMenu4.onactivate = function() { repositionMenu(myMenu4, -23); }
						myMenu5.onactivate = function() { repositionMenu(myMenu5, 90); }
						myMenu6.onactivate = function() { repositionMenu(myMenu6, 228); }


				    // this function repositions a menu to the speicified offset from center
						function repositionMenu(menu, offset)
						{
				      // the new left position should be the center of the window + the offset
							var newLeft = getWindowWidth() / 2 + offset;

				      // setting the left position in netscape is a little different than IE
							menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
						}
						 
				    // this function calculates the window's width - different for IE and netscape
						function getWindowWidth()
						{
							return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
						}	

				    ypSlideOutMenu.writeCSS();