document.observe('dom:loaded', function(){  
	
	imageCaption();
	
})
   
   
function imageCaption(){
	// get thumbnails
	var thumbs = $('index_images').select('li');  
	
	// loop through thumbnails
	for(var i = 0; i < thumbs.length; i++){  
	
		// first, hide them to start
		thumbs[i].down('p').hide()
		// move them up when moused over
		thumbs[i].observe('mouseover', function(){
			this.down('p').appear();
		})
		// move them back down when moused out
		thumbs[i].observe('mouseout', function(){
			this.down('p').fade();
		})
	}
}