var transition_name = ["transform", "transitionEnd"];
if ($.browser.webkit) {
    transition_name = ["-webkit-transform", "webkitTransitionEnd"];
} else if ($.browser.msie) {
    transition_name = ["-ms-transform", "msTransitionEnd"];
} else if ($.browser.mozilla) {
    transition_name = ["-moz-transform", "transitionend"];
} else if ($.browser.opera) {
    transition_name = ["-o-transform", "oTransitionEnd"];
}
$(function() {
    $("img.yurable").mouseover(
        function(event) {
            var obj = $(event.target);
            var i = obj.data("yurayura_index");
            i = i ? (i + 1) : 0;
            obj.data("yurayura_index", i);
            function rotate_one(obj, deg) {
                if (Math.abs(deg) < 0.001) { console.log("stop"); return; }
                if (i !== obj.data("yurayura_index")) {
                    return;
                }
                obj.css(transition_name[0], "rotate(" + deg + "deg)");
                obj.one(transition_name[1], function() { rotate_one(obj, -deg*2/3); });
            }
            rotate_one(obj, -20);
        }
    );
});