jQuery(document).ready(function(){
/* bbnote - ** this should be updated to work out which feature box we are dealing with. At the moment there is only ever one on the page but this may change in future */

	// Set up event handlers for buttons
	$('.FeatureBox .Buttons a').hover(
		function(){
			// Switch the image and content
			// What is the id we need
			var myId;
			for(var i = 1;i <= 4;i++){
				if($(this).hasClass('Button_' + i)){
					myId = i;
					break;
				}
			}
			
			// Work out which featurebox we are using
//			var featureBox = $(this).closest('.FeatureBox');
			
//			featureBox.hide('slow');
			
			if(myId){
				for(i = 1;i<=4;i++){
					/* ** see above */
					if(i == myId){
						//featureBox.children('.Inner_' + i).removeClass('Hidden');
						$('.FeatureBox .Image_' + i).show();
						$('.FeatureBox .Inner_' + i).show();
					}else{
						$('.FeatureBox .Image_' + i).hide();
						$('.FeatureBox .Inner_' + i).hide();
					}
				}
			}
			
		},
		function(){}
		);
								
});