function onAppear(first_image, second_image)
	{
		document.getElementById("outer-appear").style.background = 'url('+first_image+')';
		document.getElementById("appear-div").style.display = 'none';
		document.getElementById("appear-div").style.background = 'url('+second_image+')';
	}
	
	function Appear(pic_one_id, pic_two_id){
		
		var one_id, two_id;
		
		//fade in the first time..
		new Effect.Appear('appear-div');
		
		//pic one becomes pic two, the one that has been morphed to...
		one_id = pic_two_id;
				
		//if we have come to end of pics array, start from start again...
		if(pic_two_id == pics_array.length-1)
			two_id = 0;
		else
			two_id = pic_two_id+1;
			
		//get the pics to pass to onAppear...
		pic_one = pics_array[one_id];
		pic_two = pics_array[two_id];
		
		setTimeout("onAppear('"+pic_one.src+"', '"+pic_two.src+"')", 3000);
		setTimeout("Appear("+one_id+", "+two_id+")", 4000);		
	}