window.addEvent('domready', function() {
	var inDuration='225 ms',outDuration='100ms';
	
	var rghtColBkdImg='url(http://www.iabcdcmetro.org/resources-site/right-column-bttn-1.jpg)'
	var rghtColBkdImgActv='url(http://www.iabcdcmetro.org/resources-site/right-column-bttn-1-actv.jpg)';
	
	
	//if needed-main menu link ID variable assignment. syntax: 
	// var mmLink##="main menu's id (<a> tag)";
	//var mmlink01="about-us";
	
	//var placeMenus=$(document).body.getElementById('mainmenu-container').getElement(ul)
	
	if($('mmlink01dd-pos').getStyle('left')=='-850px'){
			$('mmlink01dd-pos').setStyle('left','0px');
			$('mmlink02dd-pos').setStyle('left','0px');
			$('mmlink03dd-pos').setStyle('left','0px');
			$('mmlink04dd-pos').setStyle('left','0px');
			$('mmlink05dd-pos').setStyle('left','0px');
		}
		
	if($('utility-container').getStyle('left')=='-800px'){
		$('utility-container').setStyle('left','25px');
	}
	
	var mmLink01 = new Fx.Morph("mmlink01dd-pos",{ link:'cancel',duration: inDuration, transition: Fx.Transitions.Sine.easeOut });
	$('mmenu01').addEvent('mouseenter', function(event){
		$('mainmenu-container').setStyle('z-index', 20000);
		mmLink01.start({
			'bottom': 18
		}).chain(function(){
			mmLink01.start({
				'width': 150
			});
			$$('a.menu-fade01').morph({
				'opacity': 1
			});
		});
	});
	$('mmenu01').addEvent('mouseleave', function(event){
		$$('a.menu-fade01').setStyle('opacity', 0);
		$('mainmenu-container').setStyle('z-index', 5000);
		mmLink01.start({
			'bottom': -300,
			'width': 20
		});
	});
	
	var mmLink02 = new Fx.Morph("mmlink02dd-pos",{ link:'cancel',duration: inDuration, transition: Fx.Transitions.Sine.easeOut });
	$('mmenu02').addEvent('mouseenter', function(event){
		$('mainmenu-container').setStyle('z-index', 20000);
			mmLink02.start({
				'bottom': 18
		}).chain(function(){
			mmLink02.start({
				'width': 150
			});
			$$('a.menu-fade02').morph({
				'opacity': 1
			});
		});
	});
	$('mmenu02').addEvent('mouseleave', function(event){
		$$('a.menu-fade02').setStyle('opacity', 0);
		$('mainmenu-container').setStyle('z-index', 5000);
		mmLink02.start({
			'bottom': -300,
			'width': 20
		});
	});
	
	var mmLink03 = new Fx.Morph("mmlink03dd-pos",{ link:'cancel',duration: inDuration, transition: Fx.Transitions.Sine.easeOut });
	$('mmenu03').addEvent('mouseenter', function(event){
		$('mainmenu-container').setStyle('z-index', 20000);
		mmLink03.start({
			'bottom': 18
		}).chain(function(){
			mmLink03.start({
				'width': 150
			});
			$$('a.menu-fade03').morph({
				'opacity': 1
			});
		});
	});
	$('mmenu03').addEvent('mouseleave', function(event){
		$$('a.menu-fade03').setStyle('opacity', 0);
		$('mainmenu-container').setStyle('z-index', 5000);
		mmLink03.start({
			'bottom': -300,
			'width': 20
		});
	});
	
	
	var mmLink04 = new Fx.Morph("mmlink04dd-pos",{ link:'cancel',duration: inDuration, transition: Fx.Transitions.Sine.easeOut });
	$('mmenu04').addEvent('mouseenter', function(event){
		$('mainmenu-container').setStyle('z-index', 20000);
		mmLink04.start({
			'bottom': 18
		}).chain(function(){
			mmLink04.start({
				'width': 150
			});
			$$('a.menu-fade04').morph({
				'opacity': 1
			});
		});
	});
	$('mmenu04').addEvent('mouseleave', function(event){
		$$('a.menu-fade04').setStyle('opacity', 0);
		$('mainmenu-container').setStyle('z-index', 5000);
		mmLink04.start({
			'bottom': -300,
			'width': 20
		});
	});
	
	var mmLink05 = new Fx.Morph("mmlink05dd-pos",{ link:'cancel',duration: inDuration, transition: Fx.Transitions.Sine.easeOut });
	$('mmenu05').addEvent('mouseenter', function(event){
		$('mainmenu-container').setStyle('z-index', 20000);
		mmLink05.start({
			'bottom': 18
		}).chain(function(){
			mmLink05.start({
				'width': 150
			});
			$$('a.menu-fade05').morph({
				'opacity': 1
			});
		});
	});
	$('mmenu05').addEvent('mouseleave', function(event){
		$$('a.menu-fade05').setStyle('opacity', 0);
		$('mainmenu-container').setStyle('z-index', 5000);
		mmLink05.start({
			'bottom': -300,
			'width': 20
		});
	});
	
	//Establishes initial position of the search-bar. If this is not set, 
	//on first click the search-bar pops up and immediatly down on the first click implemented.
	hiddenPos=-2000;
	visiblePos=-3;
	//offScreenPos
	
	$('search-bar').setStyle('bottom', hiddenPos);
	$('login-bar').setStyle('bottom', hiddenPos);
	
	enterSearch = new Fx.Morph('search-bar',{ link:'cancel',duration: 350, transition: Fx.Transitions.Sine.easeOut });
	$('search-link').addEvent('click', function(event){
		utilityShow(this, $('search-bar'), enterSearch);
	});
	
	enterLogin = new Fx.Morph('login-bar',{ link:'cancel',duration: 350, transition: Fx.Transitions.Sine.easeOut });
	$('login-link').addEvent('click', function(event){
		utilityShow(this, $('login-bar'), enterLogin);
	});
	
	$('blog-link').addEvent('mouseenter', function(event){
		$('blog-link-container').setStyle('backgroundImage', rghtColBkdImgActv);
	});
	$('blog-link').addEvent('mouseleave', function(event){
		$('blog-link-container').setStyle('backgroundImage', rghtColBkdImg);
	});
	
	$('job-bank-link').addEvent('mouseenter', function(event){
		$('job-bank-link-container').setStyle('backgroundImage', rghtColBkdImgActv);
	});
	$('job-bank-link').addEvent('mouseleave', function(event){
		$('job-bank-link-container').setStyle('backgroundImage', rghtColBkdImg);
	});
	
	$('contact-link').addEvent('mouseenter', function(event){
		$('contact-link-container').setStyle('backgroundImage', rghtColBkdImgActv);
	});
	$('contact-link').addEvent('mouseleave', function(event){
		$('contact-link-container').setStyle('backgroundImage', rghtColBkdImg);
	});
	
	
});
//END domready

//BEGIN window.addEvent('load', function()
window.addEvent('load', function() {
	MM_preloadImages('http://beta.iabcdcmetro.org/resources-site/right-column-bttn-1-actv.jpg','http://www.iabcdcmetro.org/resources-site/right-column-bttn-1.jpg','http://www.iabcdcmetro.org/resources-site/right-column-bttn-2-actv.jpg','http://www.iabcdcmetro.org/resources-site/right-column-bttn-2.jpg','http://www.iabcdcmetro.org/resources-site/right-column-bttn-3-actv.jpg','http://www.iabcdcmetro.org/resources-site/right-column-bttn-3.jpg');
	
	setPageDesignation(window.location);
	
});
//END window.addEvent('load', function()
									   
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_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];}}
}	

function setPageDesignation(pageURL){
	var mainDir=new Array();
	mainDir[0]='about-iabc-dc-metro';
	mainDir[1]='what-we-do';
	mainDir[2]='news';
	mainDir[3]='award-programs';
	mainDir[4]='sponsorship';
	mainDir[5]='volunteer-opportunites';
	
	var newPosition=new Array();
	//indicator img dims, L to R, for each main menu entry : 73 : 180 : 267 : 377 : 521 : 621 : -2000
	newPosition[0]='73px';
	newPosition[1]='180px';
	newPosition[2]='267px';
	newPosition[3]='377px';
	newPosition[4]='521px';
	newPosition[5]='621px';
	newPosition[6]='-2000px';
	
	var styleToChange='left';
	
	var h,i,j;
	h='"'+pageURL+'"';
	
	for(i=0;i<mainDir.length;i++){
		if(h.indexOf(mainDir[i])>-1){
			eval('document.getElementById("page-indicator").style.'+styleToChange+'="'+newPosition[i]+'"');
			//found a match and assigned the new value. goodbye :-)
			break;
		}else{
			eval('document.getElementById("page-indicator").style.'+styleToChange+'="'+newPosition[6]+'"');
			//Not a page within the submenu structure - hide the menu indicator of the page (-2000px);
		}
	}
}

									   
///////////////////////////////////////////////////////////////////////////////

function utilityShow(focusObj, movingObj, fxActionVar) {
	var pOS=movingObj.getStyle('bottom');
		if(pOS == (visiblePos+'px')){
			fxActionVar.start({
				'bottom': hiddenPos
			});
		}else if(pOS == (hiddenPos+'px')){
			goAway(movingObj, fxActionVar);
			fxActionVar.start({
				'bottom': visiblePos
			});
		};
}

function goAway(movingObj,fxActionVar){
	var movingObjArray=new Array($('search-bar'),$('login-bar'));
	var fxActionVarArray = new Array(enterSearch, enterLogin);
	movingObjArray.erase(movingObj);
	fxActionVarArray.erase(fxActionVar);
	for(i=0;i<fxActionVarArray.length;++i){
		pOS=movingObjArray[i].getStyle('bottom');
		if (pOS==(visiblePos+'px')){
			fxActionVarArray[i].start({
				'bottom': hiddenPos
			});
		}
	}
}