var home_menu_link={divclass:'homelinkmenu', inlinestyle:'', linktarget:''} //First menu variable. Make sure "anylinkmenu1" is a unique name!
home_menu_link.items=[
]

var portfolio_menu_link={divclass:'anylinkmenu portfoliolinkmenu', inlinestyle:'', linktarget:''} //First menu variable. Make sure "anylinkmenu1" is a unique name!
portfolio_menu_link.items=[
	["Awards", "portfolio/awards.php"],
	["Project Gallery", "portfolio/gallery.php"],
	["Before/After", "portfolio/before-after.php"],
	["Amenities", "portfolio/amenities.php"]
]

var profile_menu_link={divclass:'anylinkmenu profilelinkmenu', inlinestyle:'', linktarget:''} //First menu variable. Make sure "anylinkmenu1" is a unique name!
profile_menu_link.items=[
	["Staff", "profile/staff.php"],
	["Company Profile", "profile/company.php"],
	["Member Profile", "profile/member.php"],
	["Committee Chair Profile", "profile/committee-chair.php"]
]

var process_menu_link={divclass:'anylinkmenu processlinkmenu', inlinestyle:'', linktarget:''} //First menu variable. Make sure "anylinkmenu1" is a unique name!
process_menu_link.items=[
	["Design Process", "process/design-process.php"],
	["Drawings", "process/drawings.php"],
	["Benefits", "process/benefits.php"]
]

var care_menu_link={divclass:'anylinkmenu carelinkmenu', inlinestyle:'', linktarget:''} //First menu variable. Make sure "anylinkmenu1" is a unique name!
care_menu_link.items=[
	["Printable PDF Version", "care/CBConlin-Care-Sheet.pdf"],
	["General Plant Care", "care/plant-care.php"],
	["Watering", "care/watering.php"],
	["Lawn", "care/lawn.php"],
	["Pruning", "care/pruning.php"]
]

var contact_menu_link={divclass:'anylinkmenu contactlinkmenu', inlinestyle:'', linktarget:''} //First menu variable. Make sure "anylinkmenu1" is a unique name!
contact_menu_link.items=[
	["Contact Us", "contact/contact.php"],
	["Location", "contact/location.php"]
]


/* END MENU CONTENTS */


// MENU FADER
// (c) 2009 Magnetic Impact

function fade_menu_item(item,direction) {
  if (direction == 'out') {
    itemObj = MWJ_findObj(item);    
    itemObj.style.color = '#999';    
  } else if (direction =='in') {
    itemObj = MWJ_findObj(item);    
    itemObj.style.color = '#002F63';    
  }
}

if(typeof MWJ_findObj != 'function') { 
  // From: www.howtocreate.co.uk/tutorials/index.php?tut=0&part=15#genref
  // Finds the object
  function MWJ_findObj( oName, oFrame, oDoc ) {
    if( !oDoc ) { if( oFrame ) { oDoc = oFrame.document; } else { oDoc = window.document; } }
    if( oDoc[oName] ) { return oDoc[oName]; } if( oDoc.all && oDoc.all[oName] ) { return oDoc.all[oName]; }
    if( oDoc.getElementById && oDoc.getElementById(oName) ) { return oDoc.getElementById(oName); }
    for( var x = 0; x < oDoc.forms.length; x++ ) { if( oDoc.forms[x][oName] ) { return oDoc.forms[x][oName]; } }
    for( var x = 0; x < oDoc.anchors.length; x++ ) { if( oDoc.anchors[x].name == oName ) { return oDoc.anchors[x]; } }
    for( var x = 0; document.layers && x < oDoc.layers.length; x++ ) {
      var theOb = MWJ_findObj( oName, null, oDoc.layers[x].document ); if( theOb ) { return theOb; } }
    if( !oFrame && window[oName] ) { return window[oName]; } if( oFrame && oFrame[oName] ) { return oFrame[oName]; }
    for( var x = 0; oFrame && oFrame.frames && x < oFrame.frames.length; x++ ) {
      var theOb = MWJ_findObj( oName, oFrame.frames[x], oFrame.frames[x].document ); if( theOb ) { return theOb; } }
    return null;
  }
}


// HEADER IMAGE LOADED
// (c) 2009 Magnetic Impact

function loadHeaderImages() {
    headerimgObj1b = MWJ_findObj('image1b');
    headerimgObj1c = MWJ_findObj('image1c');
    headerimgObj1d = MWJ_findObj('image1d');
    headerimgObj1e = MWJ_findObj('image1e');

    headerimgObj2b = MWJ_findObj('image2b');
    headerimgObj2c = MWJ_findObj('image2c');
    headerimgObj2d = MWJ_findObj('image2d');
    headerimgObj2e = MWJ_findObj('image2e');
    
    headerimgObj3b = MWJ_findObj('image3b');
    headerimgObj3c = MWJ_findObj('image3c');
    headerimgObj3d = MWJ_findObj('image3d');

    headerimgObj1b.src = 'images/rotate/pool-patio.jpg';
    headerimgObj1c.src = 'images/rotate/straight-front-walk.jpg';
    headerimgObj1d.src = 'images/rotate/round-patio.jpg';
    headerimgObj1e.src = 'images/rotate/triangular-patio.jpg';

    headerimgObj2b.src = 'images/rotate/fairy-dust.jpg';
    headerimgObj2c.src = 'images/rotate/garden-bench.jpg';
    headerimgObj2d.src = 'images/rotate/white-cone-flowers.jpg';
    headerimgObj2e.src = 'images/rotate/entrance-flowers.jpg';

    headerimgObj3b.src = 'images/rotate/patio-pergola.jpg';
    headerimgObj3c.src = 'images/rotate/deck-plant.jpg';
    headerimgObj3d.src = 'images/rotate/lighted-front-walk.jpg';
    
}


/*
	Image Cross Fade Redux
	Version 1.0
	Last revision: 02.15.2006
	steve@slayeroffice.com

	Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*/

window.addEventListener?window.addEventListener('load',delay_start_1,false):window.attachEvent('onload',delay_start_1);
window.addEventListener?window.addEventListener('load',delay_start_2,false):window.attachEvent('onload',delay_start_2);
window.addEventListener?window.addEventListener('load',delay_start_3,false):window.attachEvent('onload',delay_start_3);

var d=document; 
var imgs_1 = new Array(), zInterval = null, current_1=0, pause=false, delay_1=0, interval_1=6000;
var imgs_2 = new Array(), zInterval = null, current_2=0, pause=false, delay_2=0, interval_2=3000;
var imgs_3 = new Array(), zInterval = null, current_3=0, pause=false, delay_3=0, interval_3=9000;

/* image 1 */
function delay_start_1()
{
  setTimeout(so_init_1,delay_1);
}

function so_init_1()
{
	if(!d.getElementById || !d.createElement)return;

	imgs_1 = d.getElementById('rotator1').getElementsByTagName('img');
	for(i=1;i<imgs_1.length;i++) imgs_1[i].xOpacity = 0;
	imgs_1[0].style.display = 'block';
	imgs_1[0].xOpacity = .99;

	setTimeout(so_xfade_1,interval_1);
}

function so_xfade_1()
{
	cOpacity = imgs_1[current_1].xOpacity;
	nIndex = imgs_1[current_1+1]?current_1+1:0;
	nOpacity = imgs_1[nIndex].xOpacity;

	cOpacity-=.05;
	nOpacity+=.05;

	imgs_1[nIndex].style.display = 'block';
	imgs_1[current_1].xOpacity = cOpacity;
	imgs_1[nIndex].xOpacity = nOpacity;

	setOpacity(imgs_1[current_1]);
	setOpacity(imgs_1[nIndex]);

  if(cOpacity<=0)
	{
		imgs_1[current_1].style.display = 'none';
		current_1 = nIndex;
    setTimeout(so_xfade_1,interval_1);
	}
	else
	{
		setTimeout(so_xfade_1,50);
	}

	function setOpacity(obj)
	{
		if(obj.xOpacity>.99)
		{
			obj.xOpacity = .99;
			return;
		}

		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
	}
}

/* image 2 */
function delay_start_2()
{
  setTimeout(so_init_2,delay_2);
}

function so_init_2()
{
	if(!d.getElementById || !d.createElement)return;

	imgs_2 = d.getElementById('rotator2').getElementsByTagName('img');
	for(i=1;i<imgs_2.length;i++) imgs_2[i].xOpacity = 0;
	imgs_2[0].style.display = 'block';
	imgs_2[0].xOpacity = .99;

	setTimeout(so_xfade_2,interval_2);
}

function so_xfade_2()
{
	cOpacity = imgs_2[current_2].xOpacity;
	nIndex = imgs_2[current_2+1]?current_2+1:0;
	nOpacity = imgs_2[nIndex].xOpacity;

	cOpacity-=.05;
	nOpacity+=.05;

	imgs_2[nIndex].style.display = 'block';
	imgs_2[current_2].xOpacity = cOpacity;
	imgs_2[nIndex].xOpacity = nOpacity;

	setOpacity(imgs_2[current_2]);
	setOpacity(imgs_2[nIndex]);

	if(cOpacity<=0)
	{
		imgs_2[current_2].style.display = 'none';
		current_2 = nIndex;
	  setTimeout(so_xfade_2,interval_2);
	}
	else
	{
		setTimeout(so_xfade_2,50);
	}

	function setOpacity(obj)
	{
		if(obj.xOpacity>.99)
		{
			obj.xOpacity = .99;
			return;
		}

		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
	}
}

/* image 3 */
function delay_start_3()
{
  setTimeout(so_init_3,delay_3);
}

function so_init_3()
{
	if(!d.getElementById || !d.createElement)return;

	imgs_3 = d.getElementById('rotator3').getElementsByTagName('img');
	for(i=1;i<imgs_3.length;i++) imgs_3[i].xOpacity = 0;
	imgs_3[0].style.display = 'block';
	imgs_3[0].xOpacity = .99;

	setTimeout(so_xfade_3,interval_3);
}

function so_xfade_3()
{
	cOpacity = imgs_3[current_3].xOpacity;
	nIndex = imgs_3[current_3+1]?current_3+1:0;
	nOpacity = imgs_3[nIndex].xOpacity;

	cOpacity-=.05;
	nOpacity+=.05;

	imgs_3[nIndex].style.display = 'block';
	imgs_3[current_3].xOpacity = cOpacity;
	imgs_3[nIndex].xOpacity = nOpacity;

	setOpacity(imgs_3[current_3]);
	setOpacity(imgs_3[nIndex]);

	if(cOpacity<=0)
	{
		imgs_3[current_3].style.display = 'none';
		current_3 = nIndex;
	  setTimeout(so_xfade_3,interval_3);
	}
	else
	{
		setTimeout(so_xfade_3,50);
	}

	function setOpacity(obj)
	{
		if(obj.xOpacity>.99)
		{
			obj.xOpacity = .99;
			return;
		}

		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
	}
}



//** AnyLink JS Drop Down Menu v2.0- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
//** January 29th, 2009: Script Creation date

var anylinkmenu={

menusmap: {},
effects: {delayhide: 200, shadow:{enabled:true, opacity:0.3, depth: [0, 0]}, fade:{enabled:true, duration:300}}, //customize menu effects

dimensions: {},

getoffset:function(what, offsettype){
	return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype]
},

getoffsetof:function(el){
	el._offsets={left:this.getoffset(el, "offsetLeft"), top:this.getoffset(el, "offsetTop"), h: el.offsetHeight}
},

getdimensions:function(menu){
	this.dimensions={anchorw:menu.anchorobj.offsetWidth, anchorh:menu.anchorobj.offsetHeight,
		docwidth:(window.innerWidth ||this.standardbody.clientWidth)-20,
		docheight:(window.innerHeight ||this.standardbody.clientHeight)-15,
		docscrollx:window.pageXOffset || this.standardbody.scrollLeft,
		docscrolly:window.pageYOffset || this.standardbody.scrollTop
	}
	if (!this.dimensions.dropmenuw){
		this.dimensions.dropmenuw=menu.dropmenu.offsetWidth
		this.dimensions.dropmenuh=menu.dropmenu.offsetHeight
	}
},

isContained:function(m, e){
	var e=window.event || e
	var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
	while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
	if (c==m)
		return true
	else
		return false
},

setopacity:function(el, value){
	el.style.opacity=value
	if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported
		el.style.MozOpacity=value
		if (el.filters){
			el.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity="+ value*100 +")"
		}
	}
},

showmenu:function(menuid){
  fade_menu_item(menuid,'out');
	var menu=anylinkmenu.menusmap[menuid]
	clearTimeout(menu.hidetimer)
	this.getoffsetof(menu.anchorobj)
	this.getdimensions(menu)
	var posx=menu.anchorobj._offsets.left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos
	var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh - (menu.orientation=="lr"? this.dimensions.anchorh : 0)//base y pos
	if (posx+this.dimensions.dropmenuw+this.effects.shadow.depth[0]>this.dimensions.docscrollx+this.dimensions.docwidth){ //drop left instead?
		posx=posx-this.dimensions.dropmenuw + (menu.orientation=="lr"? -this.dimensions.anchorw : this.dimensions.anchorw)
	}
	if (posy+this.dimensions.dropmenuh>this.dimensions.docscrolly+this.dimensions.docheight){  //drop up instead?
		posy=Math.max(posy-this.dimensions.dropmenuh - (menu.orientation=="lr"? -this.dimensions.anchorh : this.dimensions.anchorh), this.dimensions.docscrolly) //position above anchor or window's top edge
	}
	if (this.effects.fade.enabled){
		this.setopacity(menu.dropmenu, 0) //set opacity to 0 so menu appears hidden initially
		if (this.effects.shadow.enabled)
			this.setopacity(menu.shadow, 0) //set opacity to 0 so shadow appears hidden initially
	}
	menu.dropmenu.setcss({left:posx+'px', top:posy+'px', visibility:'visible'})
	if (this.effects.shadow.enabled){
		//menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
		menu.shadow.setcss({left:posx+anylinkmenu.effects.shadow.depth[0]+'px', top:posy+anylinkmenu.effects.shadow.depth[1]+'px', visibility:'visible'})
	}
	if (this.effects.fade.enabled){
		clearInterval(menu.animatetimer)
		menu.curanimatedegree=0
		menu.starttime=new Date().getTime() //get time just before animation is run
		menu.animatetimer=setInterval(function(){anylinkmenu.revealmenu(menuid)}, 20)
	}
},

revealmenu:function(menuid){
	var menu=anylinkmenu.menusmap[menuid]
	var elapsed=new Date().getTime()-menu.starttime //get time animation has run
	if (elapsed<this.effects.fade.duration){
		this.setopacity(menu.dropmenu, menu.curanimatedegree)
		if (this.effects.shadow.enabled)
			this.setopacity(menu.shadow, menu.curanimatedegree*this.effects.shadow.opacity)
	}
	else{
		clearInterval(menu.animatetimer)
		this.setopacity(menu.dropmenu, 1)
		menu.dropmenu.style.filter=""
	}
	menu.curanimatedegree=(1-Math.cos((elapsed/this.effects.fade.duration)*Math.PI)) / 2
},

setcss:function(param){
	for (prop in param){
		this.style[prop]=param[prop]
	}
},

hidemenu:function(menuid){
  fade_menu_item(menuid,'in');
	var menu=anylinkmenu.menusmap[menuid]
	clearInterval(menu.animatetimer)
	menu.dropmenu.setcss({visibility:'hidden', left:0, top:0})
	menu.shadow.setcss({visibility:'hidden', left:0, top:0})
},

getElementsByClass:function(targetclass){
	if (document.querySelectorAll)
		return document.querySelectorAll("."+targetclass)
	else{
		var classnameRE=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "i") //regular expression to screen for classname
		var pieces=[]
		var alltags=document.all? document.all : document.getElementsByTagName("*")
		for (var i=0; i<alltags.length; i++){
			if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
				pieces[pieces.length]=alltags[i]
		}
		return pieces
	}
},

addDiv:function(divid, divclass, inlinestyle){
	var el=document.createElement("div")
	if (divid)
		el.id=divid
	el.className=divclass
	if (inlinestyle!="" && typeof el.style.cssText=="string")
		el.style.cssText=inlinestyle
	else if (inlinestyle!="")
		el.setAttribute('style', inlinestyle)
	document.body.appendChild(el)
	return el
},

getmenuHTML:function(menuobj){
	var menucontent=[]
	var frag=""
	for (var i=0; i<menuobj.items.length; i++){
		frag+='<li><a href="' + menuobj.items[i][1] + '" target="' + menuobj.linktarget + '">' + menuobj.items[i][0] + '</a></li>\n'
		if (menuobj.items[i][2]=="efc" || i==menuobj.items.length-1){
			menucontent.push(frag)
			frag=""
		}
	}
	if (typeof menuobj.cols=="undefined")
		return '<ul>\n' + menucontent.join('') + '\n</ul>'
	else{
		frag=""
		for (var i=0; i<menucontent.length; i++){
			frag+='<div class="' + menuobj.cols.divclass + '" style="' + menuobj.cols.inlinestyle + '">\n<ul>\n' + menucontent[i] + '</ul>\n</div>\n'
		}
		return frag
	}
},

addEvent:function(targetarr, functionref, tasktype){
	if (targetarr.length>0){
		var target=targetarr.shift()
		if (target.addEventListener)
			target.addEventListener(tasktype, functionref, false)
		else if (target.attachEvent)
			target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)})
		this.addEvent(targetarr, functionref, tasktype)
	}
},

setupmenu:function(targetclass, anchorobj, pos){
	this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
	var relattr=anchorobj.getAttribute("id")
	dropmenuid=relattr.replace(/\[(\w+)\]/, '')
	var dropmenuvar=window[dropmenuid]
	var dropmenu=this.addDiv(null, dropmenuvar.divclass, dropmenuvar.inlinestyle) //create and add main sub menu DIV
	dropmenu.innerHTML=this.getmenuHTML(dropmenuvar)
	var menu=this.menusmap[targetclass+pos]={
		id: targetclass+pos,
		anchorobj: anchorobj,	
		dropmenu: dropmenu,
		revealtype: (relattr.length!=dropmenuid.length && RegExp.$1=="click")? "click" : "mouseover",
		orientation: anchorobj.getAttribute("rev")=="lr"? "lr" : "ud",
		shadow: this.addDiv(null, "anylinkshadow", null) //create and add corresponding shadow
	}
	menu.anchorobj._internalID=targetclass+pos
	menu.anchorobj._isanchor=true
	menu.dropmenu._internalID=targetclass+pos
	menu.shadow._internalID=targetclass+pos
	menu.dropmenu.setcss=this.setcss
	menu.shadow.setcss=this.setcss
	menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
	this.setopacity(menu.shadow, this.effects.shadow.opacity)
	this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOVER event for anchor, dropmenu, shadow
		var menu=anylinkmenu.menusmap[this._internalID]
		if (this._isanchor && menu.revealtype=="mouseover" && !anylinkmenu.isContained(this, e)){ //event for anchor
			anylinkmenu.showmenu(menu.id)
		}
		else if (typeof this._isanchor=="undefined"){ //event for drop down menu and shadow
			clearTimeout(menu.hidetimer)
		}
	}, "mouseover")
	this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOUT event for anchor, dropmenu, shadow
		if (!anylinkmenu.isContained(this, e)){
			var menu=anylinkmenu.menusmap[this._internalID]
			menu.hidetimer=setTimeout(function(){anylinkmenu.hidemenu(menu.id)}, anylinkmenu.effects.delayhide)
		}
	}, "mouseout")
	this.addEvent([menu.anchorobj, menu.dropmenu], function(e){ //CLICK event for anchor, dropmenu
		var menu=anylinkmenu.menusmap[this._internalID]
		if ( this._isanchor && menu.revealtype=="click"){
			if (menu.dropmenu.style.visibility=="visible")
				anylinkmenu.hidemenu(menu.id)
			else
				anylinkmenu.showmenu(menu.id)
			if (e.preventDefault)
				e.preventDefault()
			return false
		}
		else
			menu.hidetimer=setTimeout(function(){anylinkmenu.hidemenu(menu.id)}, anylinkmenu.effects.delayhide)
	}, "click")
},

init:function(targetclass){
	var anchors=this.getElementsByClass(targetclass)
	for (var i=0; i<anchors.length; i++){
		this.setupmenu(targetclass, anchors[i], i)
	}
}

}