// JavaScript Document

sfHover = function() {
	var sfEls = document.getElementById("topnav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

/* initilize the "Accordion" */
function initAccordion() {
	
	// by default the elements are hidden for javascript users. unhide them now
	$$('div.element').forEach(function(element) {
		element.setStyle('display', 'block');
	});

	var accordion = new Accordion('div.toggler', 'div.element', {
		opacity: true,
		start: 'all-closed',
		alwaysHide: true,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#485664');
		},
		
		onBackground: function(toggler, element){
			toggler.setStyle('color', '');
		}
	}, $('accordion'));	
			
}
window.addEvent('load', initAccordion);

/* initilize the "Tips" */
function initTips() {

            /* Tooltips */
            var Tips2 = new Tips($$('.Tips2'), {
                initialize:function(){
                    this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
                },
                onShow: function(toolTip) {
                    this.fx.start(1);
                },
                onHide: function(toolTip) {
                    this.fx.start(0);
                }
            });
}
window.addEvent('load', initTips);

/* initilize the "Tips 4" */
function initImageTips() {
	
var Tips3 = new Tips($$('.Tips3'), {
	showDelay: 400,
	hideDelay: 400,
	className: 'custom',
	fixed: true
});

}
window.addEvent('load', initImageTips);