$(document).ready(function () {
    $('#flipthis li div.back').hide().css('left', 0);
    
    function mySideChange(frontitems) {
        if (frontitems) {
            $(this).parent().find('div.frontitems').show();
            $(this).parent().find('div.back').hide();
            
        } else {
            $(this).parent().find('div.frontitems').hide();
            $(this).parent().find('div.back').show();
        }
    }

    $('#flipthis0').rotate3Di('flip', 0, {direction: 'clockwise', sideChange: mySideChange});
    $('#flipthis0').stop().rotate3Di('unflip', 700, {sideChange: mySideChange});

    $('#flipthis1').rotate3Di('flip', 0, {direction: 'clockwise', sideChange: mySideChange});
    $('#flipthis1').stop().rotate3Di('unflip', 700, {sideChange: mySideChange});
    
    $('#flipthis2').rotate3Di('flip', 0, {direction: 'clockwise', sideChange: mySideChange});
    $('#flipthis2').stop().rotate3Di('unflip', 700, {sideChange: mySideChange});			
});