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

	
var Site = {

		// Set some object wide variables
		// Initialisation function
		start : function() {
			Site.behaviour();
			startSlide();
			
		},
		
		// Use CSS selectors to assign page behaviours
		behaviour : function() {
			/*
			if(typeof sIFR == "function"){
			// This is the preferred "named argument" syntax
				sIFR.replaceElement(named({sSelector:"h1", sFlashSrc:"images/helveticabold.swf", sColor:"#999999",  sBgColor:"#FFFFFF"}));
				sIFR.replaceElement(named({sSelector:"#top_nav li.selectedHeader", sFlashSrc:"images/helveticabold.swf", sColor:"#999999",  sBgColor:"#FFFFFF",sLinkColor:"#333333"}));
				sIFR.replaceElement(named({sSelector:"#top_nav li", sFlashSrc:"images/helveticabold.swf", sColor:"#999999",  sBgColor:"#FFFFFF",sLinkColor:"#981d20"}));
			}
			*/
		}
}

var slideIndex = 0;
var intervalID = 0;
var stop = false;
function startSlide() {
	if (typeof(aSlides) != "undefined") 
	{
		stop = false;
		setTimeout('nextSlide()',3000);
		for (i=0;i<5;i++) {
			var im = new Image();
			im.src = aSlides[i].photo;
			im.style.display = 'none';
			document.getElementsByTagName('body')[0].appendChild(im);
		}
	}
}
function jumpToSlide(num) {
	stop = true;
	showSlide(num-1);
	return false;
}
function nextSlide() {
	if (!stop) {
		$('photo').fade({duration:0.3,afterFinish: function() { 
			var x = ++slideIndex;
			if (slideIndex == 5) {
				x = slideIndex = 0;
			}
			showSlide(x);
			$('photo').appear({duration:0.3,afterFinish: function() {
					setTimeout('nextSlide()',3000);
			}});
		}})
	}
}
function showSlide(x) {
	$('photo').src = aSlides[x].photo;
	$('photo_title').innerHTML = '<b>'+aSlides[x].title+'</b><br/>'+aSlides[x].short_description;
	$('photo_link').href = 'stories/item/'+aSlides[x].id;
	for (i=1;i<=5;i++) {
		$('slide'+i).removeClassName('over')
	}
	$('slide'+(x+1)).addClassName('over')
	
}
//var intervalID = setInterval('nextSlide()',3000);

document.observe('dom:loaded', Site.start);