var Site = {
	start: function(){
		if ($('sideMenu')){ 
			//$$('#sideMenu li a').addEvent('mouseover', function() { this.setStyle('padding-left','15px'); this.setStyle('color','#FFF'); });
			//$$('#sideMenu li a').addEvent('mouseout', function() { this.setStyle('padding-left','10px'); this.setStyle('color','#888'); });
			//above 2 lines are now covered off in hte showSideMenu function by calling rolloverSideMenu function
			Site.showSideMenu();
		}
	},
	
	showSideMenu: function(){
		var timer = 0;
		var timerNext;
		var sideMenuBlocks = $$('#sideMenu li');
		var slidefxs = [];
		sideMenuBlocks.each(function(el, i){
			timer += 100;
			timerNext = timer + 100;
			slidefxs[i] = new Fx.Style(el, 'opacity', {
				duration:200,
				transition:Fx.Transitions.Quad.easeOut,
				wait:false,
				onComplete:Site.rolloverSideMenu.pass([el, i])
			});
			slidefxs[i].start.pass([1,0], slidefxs[i]).delay(timer);
			slidefxs[i].start.pass([0,1], slidefxs[i]).delay(timerNext);
		}, this);
	},
	
	rolloverSideMenu: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return; //check that the first element in the <li> is a <a>
		var overfxs = new Fx.Styles(first, {duration:100, 'wait':false, transition:Fx.Transitions.Quad.easeOut});
		var tocolor, fromcolor;
		if (first.hasClass('selected')){
			tocolor = 'FFF';
			fromcolor = 'FFF';
		} else {
			tocolor = 'FFF';
			fromcolor = '888';
		}
		//el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			overfxs.start({
				'color': tocolor,
				'padding-left': 15
			});
		});
		el.addEvent('mouseleave', function(e){
			overfxs.start({
				'color': fromcolor,
				'padding-left': 10
			});
		});
	}
};


window.onload = function(){
	if (!isMacFirefox()) { Site.start(); } //Mac firefox does not handle the menu effects well - it interferes with text rendering somehow.
	$$('input.DatePicker').each( function(el){
		new DatePicker(el);
	});
	$$('input[type="checkbox"]').setStyle('vertical-align','text-bottom');
	$$('input[type="radio"]').setStyle('vertical-align','text-bottom');
}


function isMacFirefox() {
	//browser & OS detection
	var d, dom, ie, ie4, ie5x, moz, mac, win, lin, old, ie5mac, ie5xwin, op;
	d = document;
	n = navigator;
	na = navigator.appVersion;
	nua = navigator.userAgent;
	win = ( na.indexOf( 'Win' ) != -1 );
	mac = ( na.indexOf( 'Mac' ) != -1 );
	lin = ( nua.indexOf( 'Linux' ) != -1 );
	if ( !d.layers ){
		dom = ( d.getElementById );
		op = ( nua.indexOf( 'Opera' ) != -1 );
		konq = ( nua.indexOf( 'Konqueror' ) != -1 );
		saf = ( nua.indexOf( 'Safari' ) != -1 );
		moz = ( nua.indexOf( 'Gecko' ) != -1 && !saf && !konq);
		ie = ( document.all && !op );
		ie4 = ( ie && !dom );
		/*
		ie5x tests only for functionality. ( dom||ie5x ) would be default settings. 
		Opera will register true in this test if set to identify as IE 5
		*/
		ie5x = ( document.all && dom );
		ie5mac = ( mac && ie5x );
		ie5xwin = ( win && ie5x );
	}
	if ( mac && moz == true ) { return true; } else { return false; }
	
}


function openWindow(pageURL) {
	dlg = window.open (pageURL ,"_blank", "width=560,height=500,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes");
	if (window.focus) { dlg.focus() }
	return false;
}


