ja.onLoad(function() {
	// menu behaviour
	var header = $$('div.page-header-c')[0]
	$$('div.menu-1-c > ul > li').each(function(li){
		var m1 = li
		var l1 = li.down('a')
		var m2 = li.down('div.menu-2')
		var delay = 250 // ms
		var timeout;
		var doshow = function() {
			m1.addClassName('hover');
			l1.addClassName('hover');
			if (m2) {
				m2.addClassName('shown');
				var rightOverflow = (    m2.viewportOffset()[0] +     m2.getWidth())
				                  - (header.viewportOffset()[0] + header.getWidth())
				                  - 1 // li.menu-1 margin-left, for some reason not otherwise taken into account in FF - TODO fix in all browsers
				if (rightOverflow > 0) {
					var left = new Number(m2.getStyle('left').replace('px',''))
					m2.setStyle({left: left - rightOverflow + 'px'})
				}
			}
		}
		var dohide = function() {
			m1.removeClassName('hover');
			l1.removeClassName('hover');
			if (m2) m2.removeClassName('shown');
		}
		var delayed = function(f) {
			return function() {
				window.clearTimeout(timeout)
				timeout = window.setTimeout(f,delay)
			}
		}
		m1.observe('mouseover',delayed(doshow))
		m1.observe('mouseout' ,delayed(dohide))
		if (m2) {
			m2.observe('mouseover',delayed(doshow))
			m2.observe('mouseout' ,delayed(dohide))
		}
		
	})
	// datepickers
	var calendar = new ja.Calendar()
	$$('input.date').each(function(input){
		var button    = new Element('b',{'class':'calendar-button'})
		input.insert({after:button})
		new ja.DatePicker(button,input,{calendar:calendar,offsetLeft:5})
	})
	// buttons
	SimplyButtons.init()
})