(function($) {
    $(document).ready(function() {
        $(".pins .pin:eq(0) .pinImg").rotate({ animateTo: 0, callback: function(){ }})
        $(".pins .pin:eq(1) .pinImg").rotate({ animateTo: 10, callback: function(){ }})
        $(".pins .pin:eq(2) .pinImg").rotate({ animateTo: 0, callback: function(){ }})
        $(".pins .pin:eq(3) .pinImg").rotate({ animateTo: 10, callback: function(){ }})

        var inDuration = 400;
        var outDuration = 200;
        $(".pins a").mouseenter(function() {
            var index = $(".pins a").index(this);
            if (index % 2 == 0) {
                $(".pins .pin").eq(index).find(".pinImg").rotate({ animateTo: 10, duration: inDuration})
            } else {
                $(".pins .pin").eq(index).find(".pinImg").rotate({ animateTo: 0, duration: inDuration})
            }
        });

        $(".pins a").mouseleave(function() {
            var index = $(".pins a").index(this);
            if (index % 2 == 0) {
                $(".pins .pin").eq(index).find(".pinImg").rotate({ animateTo: 0, duration: outDuration})
            } else {
                $(".pins .pin").eq(index).find(".pinImg").rotate({ animateTo: 10, duration: outDuration})
            }
        });
    });

})(jQuery);