// JavaScript Document
var theImages = new Array()

//Random-loading images
//theImages[0] = '/images/acaciachristmasmoving.gif' // replace with names of images
//do not skip any numbers: [0,1,2,3,4,....]
theImages[0] = '/images/banners/bandstand1.jpg' // replace with names of images
theImages[1] = '/images/banners/dartschamp1.jpg' // replace with names of images
theImages[2] = '/images/banners/creek_1.jpg' // replace with names of images
theImages[3] = '/images/banners/suscon_1.jpg' // replace with names of images

//add a new image here //

var j = 0
var p = theImages.length;
var preBuffer = new Array()

for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));



function showImage(){
if(whichImage==0){
document.write('<a href="/centralpark/bandstand.htm" onmouseout="MM_swapImgRestore()" onmouseover="register1over()" onfocus="register1over()" onblur="MM_swapImgRestore()"><img src="'+theImages[whichImage]+'" alt="Register to vote" width="770" height="172" id="image0" /></a>');
}

else if(whichImage==1){
document.write('<a href="http://www.dartfordfc.co.uk/" onmouseout="MM_swapImgRestore()" onmouseover="register2over()" onfocus="register2over()" onblur="MM_swapImgRestore()"><img src="'+theImages[whichImage]+'" alt="Register to vote" width="770" height="172" id="image1" /></a>');
}
else if(whichImage==2){
document.write('<a href="/exciting/" onmouseout="MM_swapImgRestore()" onmouseover="projects1over()" onfocus="projects1over()" onblur="MM_swapImgRestore()"><img src="'+theImages[whichImage]+'" alt="Exciting projects in Dartford" width="770" height="172" id="image2" /></a>');
}
else if(whichImage==3){
    document.write('<a href="http://www.suscon.uk.net/" onmouseout="MM_swapImgRestore()" onmouseover="projects2over()" onfocus="projects2over()" onblur="MM_swapImgRestore()"><img src="'+theImages[whichImage]+'" alt="www.suscon.net.uk" width="770" height="172" id="image3" /></a>');
}
//
//
//add another else if (code in between the // pairs) with the whichImage==n+1//
//check if URL, function called onmouseover and onfocus, alt text and id are correct for the banner//

}
//Functions for rolling over: check  name and URL of the mouseover banner//
function register1over (){
MM_swapImage('image0','','/images/banners/bandstand2.jpg',0);
}
//
function register2over (){
MM_swapImage('image1','','/images/banners/dartschamp2.jpg',0);
}
function projects1over (){
MM_swapImage('image2','','/images/banners/creek_2.jpg',0);
}
//
function projects2over (){
MM_swapImage('image3','','/images/banners/suscon_2.jpg',0);
}

//
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//-->
//the main function, call to the effect object
	function init(){
		var stretchers = document.getElementsByClassName('stretcher'); //div that stretches
		var toggles = document.getElementsByClassName('display'); //h2s where I click on
		//accordion effect
		var myAccordion = new fx.Accordion(
			toggles, stretchers, {opacity: true, duration: 400}
		);
		//hash function
		function checkHash(){
			var found = false;
			toggles.each(function(h2, i){
				if (window.location.href.indexOf(h2.id) > 0) {
					myAccordion.showThisHideOpen(stretchers[i]);
					found = true;
				}
			});
			return found;
		}
		if (!checkHash()) myAccordion.showThisHideOpen(stretchers[0]);
	}