var Header = {
	
	root: '/websites/kcrar/templates/kcrar/styles/images',
	images: ['header_1.jpg','header_2.jpg','header_3.jpg'],
	
	initialize: function()
	{
		
		var r = Math.floor(Math.random()*(this.images.length));
		
		document.getElementById('header').style.background = 'url(' + this.root + '/' + this.images[r] + ') no-repeat';
		
	}
	
}

Event.observe(window, 'load', function() { Header.initialize(); });


/*
---------------------------------------------------------------------*/

var ApplyOverrideStyles = {
	selector:null,
	addClass:null,
	initialize: function()
	{
		var elements = $$(ApplyOverrideStyles.selector);
		elements.each( function(el){ el.addClassName(ApplyOverrideStyles.addClass); } );
	}
}



/*
---------------------------------------------------------------------*/

sfHover = function() {
	var sfEls = $$('.nav 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);