Not Saving Image Flip...

hi all:

I'm developing an app where I create a mosaic image by dropping other images on it, then resizing, rotating and flipping those images in order to fit, then using .toImage() to save the rendered view and I'm having a very strange issue: the rotated images copy fine, but the flipped images remain unflipped in the view.

When I drag that images onto the canvas, I apply a 3D Matrix. I then use this function to rotate the imageview (iv) up 10 degrees:

so I create the window:

var imagePanel = Ti.UI.createView({
    backgroundColor: "#fff",
    top: 0,
    height: Ti.App.SCREEN_HEIGHT-165,
    backgroundImage: selectedImage
});

then add images to the panel. I then use the following functions to modify the images on the panel - this is rotate

function rotateUp(){
    olt = olt.rotate(-10,0,0,1);
    iv.animate({
         transform : olt,
        duration : 100
    });
}

I then use this function to flip the image view

function flip(){
    olt = olt.rotate(-180,0,1,0);
    iv.animate({
         transform : olt,
        duration : 100
    });
}

when the collage is ready, i use

imagePanel.toImage();

Which works great - but only on the images which have been rotated. The flipped images are captured but they aren't flipped. I even tried to use the toImage() on the image view after it was flipped, but it does not translate the flipped image. Does toImage not capture the rendered view? If not, then what captures the rendered image?

Thanks...Chris