//preload the images...
	
	image_list = new Array(); 
	image_list[0] = '/skin/frontend/ari_1_1/default/images/layout/need_help/annie_new-small.jpg';
	image_list[1] = '/skin/frontend/ari_1_1/default/images/layout/need_help/ariel_2-small.jpg';
	image_list[2] = '/skin/frontend/ari_1_1/default/images/layout/need_help/jeremy-small.jpg';
	image_list[3] = '/skin/frontend/ari_1_1/default/images/layout/need_help/leslie-small.jpg';
	image_list[4] = '/skin/frontend/ari_1_1/default/images/layout/need_help/david-small.jpg';
	image_list[5] = '/skin/frontend/ari_1_1/default/images/layout/need_help/vanessa-small.jpg';
		image_list[6] = '/skin/frontend/ari_1_1/default/images/layout/need_help/ryan-small.jpg';
	
 
 	
	var pics_array = new Array();
	if (document.images)
	{
	
		pic0 = new Image(45, 56);
		pic0.src = image_list[0];
		pics_array[0] = pic0;
		
		pic1 = new Image(45, 56);
		pic1.src = image_list[1];
		pics_array[1] = pic1;
		
		pic2 = new Image(45, 56);
		pic2.src = image_list[2];
		pics_array[2] = pic2;
		
		pic3 = new Image(45, 56);
		pic3.src = image_list[3];
		pics_array[3] = pic3;
		
		pic4 = new Image(45, 56);
		pic4.src = image_list[4];
		pics_array[4] = pic4;
		
		pic5 = new Image(45, 56);
		pic5.src = image_list[5];
		pics_array[5] = pic5;

                pic6 = new Image(45, 56);
                pic6.src = image_list[6];
                pics_array[6] = pic6;
				
	}
	
	function onAppear(first_image, second_image){		
		//document.getElementById('output').innerHTML += first_image +' '+ second_image +'<hr>';
		
		//swap the images so that the one that has been faded in is in the outer div
		//and the next one to be faded in is waiting in the invisible inner div...
		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;
		
		//document.getElementById('output').innerHTML += one_id +' '+ two_id +'<br>';
			
		//get the pics to pass to onAppear...
		pic_one = pics_array[one_id];
		pic_two = pics_array[two_id];

		
		//document.getElementById('output').innerHTML += pic_one.src +' '+ pic_two.src +'<br>';

		setTimeout("onAppear('"+pic_one.src+"', '"+pic_two.src+"')", 10000);  //there should be a 1 second delay
		setTimeout("Appear("+one_id+", "+two_id+")", 10000);		
		
	}