var casImages = new Array('lyingInGrass.jpg','running.jpg','kids.jpg','yoga.jpg',
	'fishing.jpg','cycling.jpg','lighthouse.jpg','swimming.jpg','motorcycling.jpg',
	'jogging.jpg','boating.jpg');
var menuIndex=Math.floor(Math.random()*casImages.length)
var contentIndex=Math.floor(Math.random()*casImages.length)
if(menuIndex==contentIndex) {
	if(menuIndex<casImages.length-1) {
		var contentIndex = menuIndex+1;
	} else {
		var contentIndex = 0;
	}
}

function getMenuImage(pre,page,subPage) {
	if(subPage=="team") {
		document.write('<img src="'+pre+'img/smallImages/yoga.jpg" alt="CAS Benefits Plans" />');
	} else if(page=="index") {
		document.write('<img src="'+pre+'img/smallImages/lyingInGrass.jpg" alt="CAS Benefits Plans" />');	
	} else {
		document.write('<img src="'+pre+'img/smallImages/'+casImages[menuIndex]+'" alt="CAS Benefits Plans" />');
	}
}

function getContentImage(pre,page,subPage) {
	if(subPage=="team") {
		document.write('<img src="'+pre+'img/largeImages/lighthouse.jpg" alt="CAS Benefits Plans" style="display: inline;	float: right;	margin: 0 0 1em 1em;" />');
	} else if(page=="index") {
		document.write('<img src="'+pre+'img/largeImages/running.jpg" alt="CAS Benefits Plans" style="display: inline;	float: right;	margin: 0 0 1em 1em;" />');	
	} else {
		document.write('<img src="'+pre+'img/largeImages/'+casImages[contentIndex]+'" alt="CAS Benefits Plans" style="display: inline;	float: right;	margin: 0 0 1em 1em;" />');		
	}
}

var currentSubMenu="";
var timerId;
var beginOffset = -35;
var endOffset = 174;
var endWidth = 200;
var currentZIndex = -1;
var hasFocus="";
var top = 0;
var right = 0;
var bottom = 0;
var left = 0;

function setZIndexOrder() {
	uls = document.getElementsByTagName('ul');
	for(i=0;i<uls.length;i++) {
		var length = uls[i].id.length;
		if(uls[i].id.substring(length-7,length)=="SubMenu") {
			document.getElementById(uls[i].id).style.zIndex = currentZIndex;
			currentZIndex--;
		}
	}
}

function toggle(which,event) {
		subMenu = which+"SubMenu";
		page = which+"_page";
		getMouseCoordinates(event);
		
		if(document.getElementById(subMenu).style.display=="none"||
			document.getElementById(subMenu).style.display=="") {
			document.getElementById(subMenu).style.display="inline";
			
			 if(document.getElementById(subMenu).offsetHeight<60) {
				document.getElementById(subMenu).style.height="60px";
			} 
			
			document.getElementById(subMenu).style.marginTop = "-"+((document.getElementById(subMenu).offsetHeight/2)+(document.getElementById(page).offsetHeight/2))+"px"; 
			
			//set coordinates of the sub menu
			top = document.getElementById(subMenu).offsetTop+document.getElementById('header').offsetHeight;
			left = document.getElementById(subMenu).offsetLeft;
			bottom = top + document.getElementById(subMenu).offsetHeight;
			right = left + document.getElementById(subMenu).offsetWidth;
			
			//adjust vertical placement if needed
			if((document.getElementById('menu').offsetHeight+document.getElementById('menu').offsetTop)>
				(document.getElementById('content').offsetHeight+document.getElementById('content').offsetTop)) {
				var mainBottom = 	(document.getElementById('menu').offsetHeight+document.getElementById('menu').offsetTop);				
			} else {
				var mainBottom = 	(document.getElementById('content').offsetHeight+document.getElementById('content').offsetTop);
			}
						
			if(bottom>mainBottom) {
				difference = bottom-mainBottom;
				top-=difference;
				document.getElementById(subMenu).style.marginTop = "-"+(1+difference+((document.getElementById(subMenu).offsetHeight/2)+(document.getElementById(page).offsetHeight/2)))+"px";
				bottom = top + document.getElementById(subMenu).offsetHeight;
			}
			fade(subMenu,'in');
		} else {
			if(mouseX<left||mouseX>right||mouseY<top||mouseY>bottom) {
				document.getElementById(subMenu).style.opacity=0;
				document.getElementById(subMenu).style.filter="alpha(opacity=0)";
				document.getElementById(subMenu).style.display="none";
			}
		}
}

function fade(subMenu,inOut) {
	if(timerId) {
		clearTimeout(timerId);
	}
 	alpha = Number(document.getElementById(subMenu).style.opacity);
	if(inOut=="in") {
		alpha+=.1;
		document.getElementById(subMenu).style.opacity = alpha;
		document.getElementById(subMenu).style.filter="alpha(opacity="+(alpha*100)+")";
	
		if(document.getElementById(subMenu).style.opacity<1) {
			timerId = setTimeout('fade(\''+subMenu+'\',\''+inOut+'\')',10);
		} else {
			document.getElementById(subMenu).style.opacity=1;
			document.getElementById(subMenu).style.filter="alpha(opacity=100)";
		}
	} else {
		alpha-=.1;
		document.getElementById(subMenu).style.opacity=alpha;
		document.getElementById(subMenu).style.filter="alpha(opacity="+(alpha*100)+")";
		
		if(document.getElementById(subMenu).style.opacity>0) {
			timerId = setTimeout('fade(\''+subMenu+'\',\''+inOut+'\')',10);
		} else {
			document.getElementById(subMenu).style.opacity=0;
			document.getElementById(subMenu).style.filter="alpha(opacity=0)";
			document.getElementById(subMenu).style.display="none";
		}
	}
}

var mouseX;
var mouseY;
function getMouseCoordinates(event) {
mouseX = getMouseX(event);
mouseY = getMouseY(event);
function getMouseX(evt) {
	if (evt.pageX) return evt.pageX;
	else if (evt.clientX)
   return evt.clientX + (document.documentElement.scrollLeft ?
   document.documentElement.scrollLeft :
   document.body.scrollLeft);
else return null;
}

function getMouseY(evt) {
if (evt.pageY) return evt.pageY;
else if (evt.clientY)
   return evt.clientY + (document.documentElement.scrollTop ?
   document.documentElement.scrollTop :
   document.body.scrollTop);
else return null;
}
}


var memberMenuDiff = 0;
var currentDiff=0;
var dropActive = false;
var riseActive = false;
function dropMenu(dir) {
	if(dir=="down") {
		if(dropActive==false&&memberMenuDiff==0) {
			//if(memberMenuDiff==0) {
				memberMenuDiff = document.getElementById('memberLogin').offsetTop+1;
			//}
			currentDiff = memberMenuDiff;
			drop(dir);
		}
	} else {
		if(dropActive==false) {
			drop(dir);
		}
	}
}

function drop(dir) {
	dropActive=true;
	if(timerId) {
		clearTimeout(timerId);
	}
	
	if(dir=="down") {
		if(currentDiff+14>0) {
			currentDiff+=1;
			document.getElementById('memberLogin').style.marginTop = currentDiff+"px";
		} else {
			currentDiff+=14;
			document.getElementById('memberLogin').style.marginTop = currentDiff+"px";
		}
		if(currentDiff<0) { 
			timerId = setTimeout('drop(\''+dir+'\')',15);
		} else {
			dropActive = false;
		}
	} else {
		if(currentDiff-14<memberMenuDiff) {
			currentDiff-=1;
			document.getElementById('memberLogin').style.marginTop = currentDiff+"px";
		} else {
			currentDiff-=14;
			document.getElementById('memberLogin').style.marginTop = currentDiff+"px";
		}
		if(currentDiff>memberMenuDiff) { 
			timerId = setTimeout('drop(\''+dir+'\')',15);
		} else {
			dropActive = false;
			memberMenuDiff = 0;
		}
	}
}

function resetMenu() {
	if(memberMenuDiff!=0) {
		if(dropActive==false) {
				drop('up');
		}
	}
}
