var loader = new ImageLoader('http://www.aim.edu.au/images/banners/003.jpg');

loader.loadEvent = function(url, image){
   document.getElementById("mainimage").style.visibility="hidden"; 
   document.getElementById("mainimage").style.background = "url('http://www.aim.edu.au/images/banners/003.jpg')";
   document.getElementById("mainimage").style.backgroundPosition="0% 1101px";
   document.getElementById("mainimagecontainer").style.left = "471px";
   document.getElementById("mainimagecontainer").style.top = "-214px";
   document.getElementById("mainimage").style.visibility="visible";
}
loader.load();

var idy = 1
bannerswitch = setInterval ( "doSomething()", 6000 );

function doSomething ( )
{
	document.getElementById("item1").style.backgroundPosition="0% -18px"; 
	document.getElementById("item2").style.backgroundPosition="0% -18px";
	document.getElementById("item3").style.backgroundPosition="0% -18px";
	document.getElementById("item4").style.backgroundPosition="0% -18px";
	document.getElementById("item5").style.backgroundPosition="0% -18px";
	document.getElementById("item6").style.backgroundPosition="0% -18px";
	document.getElementById("item7").style.backgroundPosition="0% -18px";
	switch(idy)
	{
	case 1:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item1").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 734px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } ); 
	idy = 2;  
	  break;
	case 2:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item2").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 1468px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 3;
	  break;
	case 3:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item3").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 1835px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 4;  
	  break;
	case 4:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item4").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 2202px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 5; 
	  break;
	case 5:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item5").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 0px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 6;  
	  break;
	case 6:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item6").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 1101px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 7;  
	  break;
	case 7:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item7").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 367px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 1;
	  break;
	default:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item1").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 734px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	}
}

function resetc(){
	document.getElementById("item1").style.backgroundPosition="0% -18px"; 
	document.getElementById("item2").style.backgroundPosition="0% -18px";
	document.getElementById("item3").style.backgroundPosition="0% -18px";
	document.getElementById("item4").style.backgroundPosition="0% -18px";
	document.getElementById("item5").style.backgroundPosition="0% -18px";
	document.getElementById("item6").style.backgroundPosition="0% -18px";
	document.getElementById("item7").style.backgroundPosition="0% -18px";
}

function chgimage(idx){

	resetc();

	clearInterval(bannerswitch);
	switch(idx)
	{
	case 1:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item1").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 734px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } ); 
	idy = 2;  
	  break;
	case 2:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item2").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 1468px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 3;  
	  break;
	case 3:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item3").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 1835px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 4;
	  break;
	case 4:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item4").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 2202px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 5; 
	  break;
	case 5:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item5").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 0px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 6;  
	  break;
	case 6:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item6").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 1101px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 7;
	  break;
	case 7:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item7").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 367px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	idy = 1;  
	  break;
	default:
	new Effect.Fade('mainimagecontainer', {duration: 0.2, afterFinish: function() {document.getElementById("item1").style.backgroundPosition="0% 0px"; document.getElementById("mainimage").style.backgroundPosition="0% 734px"; Effect.Appear('mainimagecontainer', {duration: 0.2}) } } );
	}
	bannerswitch = setInterval ( "doSomething()", 6000 );

}

