$(document).ready(function(){

	// preload images
	var images = [ 'elements/tab-portfolio-on.jpg', 'elements/tab-company-on.jpg', 'elements/tab-articles-on.jpg', 'elements/tab-contact-on.jpg', 'elements/larger-view-on.jpg', 'elements/before-view-on.jpg', 'elements/home-on.jpg' ];
 
	$.each(images, function(i) {
		images[i] = new Image();
		images[i].src = this;
	});

	// simple rollover
	$("#tab-bar img, .portfolio-view, #home").hover(
		function() {
			this.src = this.src.replace("-off","-on");
		},
		function() {
			this.src = this.src.replace("-on","-off");
		}
	);
});

sfHover = function() {
	var sfEls = document.getElementById("nav").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);