Scrollbar Layout

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Desc>
    <!-- Scroll Bar -->
    <Frame type="Image" name="ScrollBarImage">
        <Texture val="Assets\Textures\ui_battlenet_glue_scrollframe.dds"/>
        <TextureType val="NineSlice"/>
        <Tiled val="true"/>
        <DescFlags val="Internal"/>
    </Frame>

    <Frame type="Button" name="ScrollBarButton">
        <NormalImage val="NormalImage"/>
        <HoverImage val="HoverImage"/>
        <DescFlags val="Internal"/>
        <Color val="#CCFF33"/>

        <Frame type="Image" name="NormalImage">
            <Texture val="Assets\Textures\ui_glue_scrollbar_normaloverpressedover_story.dds"/>
            <TextureType val="Border"/>
            <StateCount val="2"/>
            <Tiled val="true"/>
            <DescFlags val="Internal"/>
        </Frame>

        <Frame type="Image" name="HoverImage">
            <Texture val="Assets\Textures\ui_glue_scrollbar_normaloverpressedover_story.dds"/>
            <TextureType val="Border"/>
            <StateCount val="2"/>
            <Tiled val="true"/>
            <DescFlags val="Internal"/>
        </Frame>
    </Frame>

    <Frame type="ScrollBar" name="ScrollBar">
        <Image val="$root/MapLayouts/ScrollBarImage"/>
        <Button val="$root/MapLayouts/ScrollBarButton"/>
        <Orientation val="Vertical"/>
        <Width val="24"/>
        <IncrementSound val="@UI_ScrollButtonSelect"/>
        <DescFlags val="Internal"/>
    </Frame>
</Desc>