//create Navigation Menu Variables

var navName, navURL;

function MenuObj(menuURL,menuName){
    this.navURL = menuURL;
    this.navName = menuName;
}
var navMenuArray = new Array(4);
navMenuArray[0] = new Array(new MenuObj("index.html","home"),new MenuObj("#","about us"),new MenuObj("#","services"),new MenuObj("#","Important Links"),new MenuObj("#","publications"),new MenuObj("myaccess.html","myaccess"));

navMenuArray[1] = new Array(new MenuObj("benefit.html","Benefit Plan Outsourcing"),new MenuObj("cobra.html","COBRA⁄Retiree⁄LOA Services"),new MenuObj("fsahraPlans.html","FSA Services"),new MenuObj("partcomm.html","Participant Communication"),new MenuObj("processing.html","Payroll Services"),new MenuObj("HRIS.html","HRIS"),new MenuObj("attendance.html","Time & Attendance"));

navMenuArray[2] = new Array(new MenuObj("about.html","Why CBS"),new MenuObj("careers.html","Career Opportunities"),new MenuObj("managementteam.html","Management Team"),new MenuObj("location.html","Location"),new MenuObj("contact.html","Request Information"),new MenuObj("SAS70_TypeII.html","SAS70 Type II Audit"));

navMenuArray[3] = new Array(new MenuObj("presentations.html","Audio⁄Visual Presentations ­Training Presentations"),new MenuObj("partnerrel.html","Partner Relationships"),new MenuObj("outsourcing-link.html","Benefit Plan Outsourcing"),new MenuObj("cobra-link.html","COBRA"),new MenuObj("flex-link.html","Flexible Benefit Plans"),new MenuObj("erisa-link.html","ERISA Compliance"),new MenuObj("payroll-link.html","Payroll⁄Time&Attendance"),new MenuObj("hr-link.html","Human Resources"),new MenuObj("zix.html","Zix User Awareness"),new MenuObj("https://web1.zixmail.net/s/login?b=cbscobra","Send Secure E-Mail to CBS"));

navMenuArray[4] = new Array(new MenuObj("pub_newsletters.html","Newsletters"),new MenuObj("pub_whitepapers.html","Whitepapers⁄Case Studies"),new MenuObj("pub_compbulletins.html","Compliance Bulletins"));

// the number you pass to initLeft doesn't matter since it will get
// changed onactivate
var isHome = (window.location.href.indexOf("index.html") > -1) ? true : (window.location.href.indexOf("html") > -1) ? false : true;
var tempTop = (isHome) ? 428 : 152;

var tempLeft = (navigator.appName.indexOf("Microsoft") > -1) ? -196 : -203;
var tempLeft2 = (navigator.appName.indexOf("Microsoft") > -1) ? -310 : -203;
var tempLeft3 = (navigator.appName.indexOf("Microsoft") > -1) ? -76 : -203;
var tempLeft4 = (navigator.appName.indexOf("Microsoft") > -1) ? 89 : -203;

var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, tempTop, 240, (navMenuArray[1].length * 17) + 28)
var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, tempTop, 240, (navMenuArray[2].length * 17) + 28)
var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, tempTop, 240, (navMenuArray[3].length * 17) + 28)
var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, tempTop, 240, (navMenuArray[4].length * 17) + 28)
  
// 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, tempLeft); }
myMenu2.onactivate = function() { repositionMenu(myMenu2, tempLeft2); }
myMenu3.onactivate = function() { repositionMenu(myMenu3, tempLeft3); }
myMenu4.onactivate = function() { repositionMenu(myMenu4, tempLeft4); }

// 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();