window.addEvent('domready', function(){		
	
	var myAccordion = new Accordion($('accordion'), 'h2.toggler', 'div.element', {
		display: -1,
		opacity: true,
		alwaysHide: true,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#094F81');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#0D6BB1');
		}
	});
	// Navigation								
	var fiservNavSelected = "";
	var reg = /fiservnav\[(.*)\]/i;
	var selected = "";
	var fiservNavLinks = document.getElements('a[rel^=fiservnav]');
		
	fiservNavLinks.each(function(el) {
		rel = el.get('rel');
		selected = reg.exec(rel);
		el.addEvents({
			mouseenter: function(){
				var rel = el.get('rel');
				selected = reg.exec(rel);
				$(selected[1]).set('morph', {duration: 'short'});
				selectedHeight = 50 + $(selected[1]).getElement('table').offsetHeight;
				$(selected[1]).morph({'padding-top': selectedHeight});
				$(selected[1]).setStyle('z-index', 901);

				fiservNavSelected = el;
				fiservNavLinks.each(function(el) {
					el.removeClass('active');
				});
				el.addClass('active');
			},
			mouseleave: function(){
				$(selected[1]).morph({'padding-top': 0});
				$(selected[1]).setStyle('z-index', 900);
				fiservNavLinks.each(function(el) {
					if (el.hasClass('active')) {
						el.removeClass('active');
					}
				});
			}
		});	
		selectedHeight = 4950 - $(selected[1]).getElement('table').offsetHeight;
		//alert(selected[1] + '\'s selectedHeight: ' + selectedHeight);
		$(selected[1]).setStyle('margin-top', selectedHeight);
	});
	$$('.nav1-panel').each(function(el) {
		el.addEvents({
			mouseenter: function(){
				var nav1PanelHeight = Math.abs(el.getStyle('margin-top').toInt() - 4950) + 50;
				//alert('nav1PanelHeight: ' + nav1PanelHeight);
				el.morph({'padding-top': nav1PanelHeight});
				el.setStyle('z-index', 901);
				fiservNavLinks.each(function(el) {
					if (el == fiservNavSelected) {
						el.addClass('active');
					}
				});
			},
			mouseleave: function(){
				el.morph({'padding-top': 0});
				el.setStyle('z-index', 900);
				fiservNavLinks.each(function(el) {
					if (el == fiservNavSelected) {
						el.removeClass('active');
					}
				});

			}
		});								 
	});

});