// Set up some vars
var current='events';

// Initialise the image faders
window.onload = function() {initFaders()}

function initFaders() {
	for(var x=2000; x<=96000; x=x+18000){
		imageId='activities';
		initImage(imageId);
		runFaderIn(imageId,x);
		runFaderOut(imageId,x);
	}
	
	
	for(var x=5000; x<=96000; x=x+18000){
		imageId='rockingham';
		initImage(imageId);
		runFaderIn(imageId,x);
		runFaderOut(imageId,x);
	}
	
	for(var x=8000; x<=96000; x=x+18000){
		imageId='guide';
		initImage(imageId);
		runFaderIn(imageId,x);
		runFaderOut(imageId,x);
	}
	
			
}


// initialise our images...
function initImage(imageId) {
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = 'visible';
}

	
function runFaderIn(imageId,timeout) {
	window.setTimeout("fadeIn('"+imageId+"',0)",timeout);
}

function runFaderOut(imageId,timeout) {
	window.setTimeout("fadeOut('"+imageId+"',100)",timeout+9000);
}

//
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

// Fade in the new one
function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}

// Fade in the new one
function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity = opacity-5;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
    }
  }
}



// This pumps the news/events into the correct place
function nextItem() {
	//alert('Changing content, currently: '+current);
	var item=document.getElementById('itemChangeable');
	var title=document.getElementById('itemTitle');
	var news=document.getElementById('newshidden');
	var events=document.getElementById('eventshidden');
	
	if(current == 'news'){
		item.innerHTML=events.innerHTML;
		title.innerHTML='Latest Events';
		current='events';
	}else{
		item.innerHTML=news.innerHTML;
		title.innerHTML='Latest News';
		current='news';
	}

}