/*
 *  <div id="paramID">
 *     <img name="tab" show="" hide="" content=""/> 
 *     <img name="tab" show="" hide="" content=""/>
 *     ......
 *	</div>
 */
jQuery.imgTabContent = function( paramID ){
$(function() {
	$('#'+paramID+' img[@name="tab"]').attr('style','cursor:pointer;');
	$('#'+paramID+' img[@name="tab"]').click(function(){
		var clickContent = $(this).attr('content');
		var objs = $('#'+paramID+' img[@name="tab"]');
		objs.each(function(i){
			var content = $(this).attr('content');
			var new_src = "";
			if( content == clickContent ){
				new_src = $(this).attr('show');
				$('#'+content).show();
			}else{
				new_src = $(this).attr('hide');
				$('#'+content).hide();
			}
			$(this).attr("src",new_src);
			
		});
		var clickContent = $(this).attr('content');
	});
});
}