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

// thanks to http://jonraasch.com/blog/a-simple-jquery-slideshow

(function($) {
	$.fn.shuffle = function(options){
			var opts = $.extend({}, $.fn.shuffle.defaults, options);
			opts.wrapper = this;
			// add extra images
			
			$(opts.images).each(function() {
				opts.wrapper.append("<img src='" + opts.prefix + this + "' />");
			});
			this.cycleTimeout = setInterval(function(){$.fn.shuffle.go(opts)}, opts.timeout);
	};
	
	$.fn.shuffle.go = function(opts) {
	    var $active = $('IMG.active',opts.wrapper);
	    var $next =  $active.next().length ? $active.next() : $('IMG:first',opts.wrapper); // $('#slideshow IMG:first');
    	$active.addClass('last-active');
	    $next.css({opacity: 0.0})
	        .addClass('active')
	        .animate({opacity: 1.0}, 1000, function() {
	            $active.removeClass('active last-active');
	        });
	}
	
	$.fn.shuffle.defaults = {
		auto	: 1,
		easing	: null,
		prefix	: '../images/home/',
		images: new Array(
				'thorco6.jpg',
				'thorco5.jpg',
				'thorco4.jpg',
				'thorco3.jpg',
				'thorco2.jpg',
				'thorco1.jpg'
			),
		transition	: 800,
		timeout	: 5000  // ms per image
	};

})(jQuery);