// JavaScript Document
var currentImg = <?php echo $featureImgNum ?>;

function showFeatureImg(imgId, scriptName){
		var imgArray = new Array("features_savings_0.jpg","features_loans_0.jpg","features_home_loans_0.jpg","features_other_services_0.jpg");
		var imgLinkArray = new Array("/savings.php?mid=2","/loans.php?mid=3","/home_loans.php?mid=4","/other_services.php?mid=5");
		var imgTitleArray = new Array("Savings and Investments","Consumer Loans","Home Loans","Customer Services");
		var newImg = '<a href="'+imgLinkArray[imgId]+'"><img src="/content_images/'+imgArray[imgId]+'" title="'+imgTitleArray[imgId]+'" /></a>';
		if(currentImg != imgId){
			currentImg = imgId;
			new Effect.Opacity('featureImgHp', {
										from: 1, 
										to: 0, 
										duration: 0.75,
										afterFinish: displayNewImg
										});
		} else {
			currentImg = imgId;
		}
		
		function displayNewImg(){
			document.getElementById('featureImgHp').innerHTML = newImg;
			new Effect.Opacity('featureImgHp', {
								from: 0, 
								to: 1, 
								duration: 0.75						
								});
		}
}