動的に変数だけを切り替える

質問

<script>
(function($) {
$.ipop001 = function() {
var wx, wy; // ウインドウの左上座標

// ウインドウの座標を画面中央にする。
wx = $(document).scrollLeft() + ($(window).width() - $('.ipop').outerWidth()) / 2;
if (wx < 0) wx = 0;
wy = $(document).scrollTop() + ($(window).height() - $('.ipop').outerHeight()) / 2;
if (wy < 0) wy = 0;

// ポップアップウインドウを表示する。
$('.ipop').css({top: wy, left: wx}).fadeIn(100);

// 閉じるボタンを押したとき
$('.ipop_close').click(function() {$('.ipop').fadeOut(100);});

// タイトルバーをドラッグしたとき
$('.ipop_title').mousedown(function(e) {
var mx = e.pageX;
var my = e.pageY;
$(document).on('mousemove.ipop', function(e) {
wx += e.pageX - mx;
wy += e.pageY - my;
$('.ipop').css({top: wy, left: wx});
mx = e.pageX;
my = e.pageY;
return false;
}).one('mouseup', function(e) {
$(document).off('mousemove.ipop');
});
return false;
});
}
})(jQuery);

(function($) {
$.test = function() {
var wx, wy; // ウインドウの左上座標

// ウインドウの座標を画面中央にする。
wx = $(document).scrollLeft() + ($(window).width() - $('.ipop').outerWidth()) / 2;
if (wx < 0) wx = 0;
wy = $(document).scrollTop() + ($(window).height() - $('.ipop').outerHeight()) / 2;
if (wy < 0) wy = 0;

// ポップアップウインドウを表示する。
$('.ipop').css({top: wy, left: wx}).fadeIn(100);

// 閉じるボタンを押したとき
$('.ipop_close').click(function() {$('.ipop').fadeOut(100);});

// タイトルバーをドラッグしたとき
$('.ipop_title').mousedown(function(e) {
var mx = e.pageX;
var my = e.pageY;
$(document).on('mousemove.ipop', function(e) {
wx += e.pageX - mx;
wy += e.pageY - my;
$('.ipop').css({top: wy, left: wx});
mx = e.pageX;
my = e.pageY;
return false;
}).one('mouseup', function(e) {
$(document).off('mousemove.ipop');
});
return false;
});
}
})(jQuery);

$(function() {
$("a").click(function() {
eval("$."+this.id+"();");
var text = this.id;
$("#text").text(text);

});
});
</script>

『$.ipop001 = function() { も『$.test = function() {』以降の中身一緒なのですが、クリックした時に変数の部分だけを切り替える方法はないのでしょうか。
仮にリンクが100個あったら変数が違う＆中身が一緒のfunction()を100個文書かなければいけないのでご教示お願いします。

回答No.2

t_ohta

引数で渡すようにするとか

回答No.1

toyokei536

連想配列で実装すれば良いのではないでしょうか？