jquery - データ属性と悪いロジック (私のロジック)

Question

aa project でデータ属性を使用したいのですが、私のロジックはロジックではないようです...

だから、これは私がしようとしているものです:

http://jsfiddle.net/vPh7S/

これはjqueryでの私のロジックです:

var a = $('#haus').find('article');
var haus = $('#haus');


function startBubbles() {
    var item = a;
    var dataId = item.data('id');
    var dataTop = item.data('data-top');
    var dataDuration = item.data('data-duration');

    $(dataId).animate({
        top: dataTop
    }, dataDuration);

    // $('#a1').animate({top:'5%'},500,'easeOutBounce');
    // $('#a2').animate({top:'50%'},550,'easeOutBounce');
    // $('#a3').animate({top:'50%'},600,'easeOutBounce');
    // $('#a4').animate({top:'60%'},650,'easeOutBounce');
    // $('#a5').animate({top:'80%'},700,'easeOutBounce');
    // $('#a6').animate({top:'26%'},750,'easeOutBounce');

}

startBubbles();