How to set source for openzoom:multiscaleimage

How to set source for openzoom multiscale image

I am giving the source to multiscale image as "dzc_output.xml"

which is genereated through 'Deepzoom composer' but i am geeting the issue

MultiScaleImage.mxml:

<openzoom:MultiScaleImage id="image" left="0" right="0" top="0" bottom="0" source="../nature/dzc_output.xml">

<openzoom:controllers>

<openzoom:KeyboardController/>

<openzoom:MouseController/>

</openzoom:controllers>

<openzoom:transformer>

<openzoom:TweenerTransformer/>

</openzoom:transformer>

<openzoom:constraint>

<openzoom:CompositeConstraint>

<openzoom:ZoomConstraint maxZoom="200" minZoom="0.5"/>

<openzoom:VisibilityConstraint visibilityRatio="0.5"/>

<openzoom:CenterConstraint/>

</openzoom:CompositeConstraint>

</openzoom:constraint>

</openzoom:MultiScaleImage>

dzc_output.xml:

<?xml version="1.0" encoding="utf-8"?>

<Collection MaxLevel="8" TileSize="256" Format="jpg"

NextItemId="3" ServerFormat="Default"

xmlns="http://schemas.microsoft.com/deepzoom/2008">

<Items>

<I Id="0" N="0"

Source="nature/dzc_output_images/_1920x1200_widescreen_wallpaper_natur e_01188_elevation_1920x1200.xml">

<Size Width="1920" Height="1200" />

<Viewport Width="3.0399999999999996" X="-0" Y="-0" />

</I>

<I Id="1" N="1" Source="nature/dzc_output_images/71b61ce2b93e87bcc9e6fb8617437483.xml ">

<Size Width="1920" Height="1200" />

<Viewport Width="3.0400000000000014" X="-1.0200000000000007"

Y="-0" />

</I>

<I Id="2" N="2" Source="nature/dzc_output_images/143_size_1920x1200_002.xml">

<Size Width="1920" Height="1200" />

<Viewport Width="3.0400000000000018" X="-2.0400000000000018"

Y="-0" />

</I>

</Items>

</Collection>