﻿<?xml version="1.0" encoding="utf-8" ?>
<window>
    <id>157801</id>
    <defaultcontrol>50</defaultcontrol>
    <allowoverlay>no</allowoverlay>
    <define>#header.label:iSpy</define>
    <define>#header.hover:hover_iSpy.png</define>
    <define>#itemtext:#selectedindex/#itemcount #currentmodule</define>
    <define>#topitem:#itemcount #currentmodule</define>
    <controls>
        <import>common.window.xml</import>
        <import>common.time.xml</import>

	<!-- Image displaying a rolling snapshot of the selected servers cameras -->
		<control Style="Background">
			<description>Image Overlay</description>
            <id>500</id>
			<type>image</type>
            <posY>100</posY>
            <width>720</width>
            <height>405</height>
            <texture>#selectedthumb</texture>
            <zoom>yes</zoom>
            <keepaspectratio>yes</keepaspectratio>
            <centered>yes</centered>
			<colordiffuse>ffffffff</colordiffuse>
            <animation effect="fade" time="450">WindowOpen</animation>
            <animation effect="fade" time="450">WindowClose</animation>
            <animation effect="fade" start="0" end="100" time="500" delay="80">Visible</animation>
            <animation effect="fade" start="100" end="0" time="400">Hidden</animation>
		</control>
        <import>common.window.backdrop.overlays.xml</import>

        <!-- List of servers -->
        <control>
            <type>group</type>
            <visible>yes</visible>
            <control>
                <description>list of cameras</description>
                <type>facadeview</type>
                <id>50</id>
				<animation effect="fade" time="250">Focus</animation>
				<animation effect="fade" time="250">UnFocus</animation>
                <control>
                    <description>listcontrol</description>
                    <type>listcontrol</type>
                    <onright>2</onright>
                    <onleft>2</onleft>
                </control>
            </control>
        </control>

	<control>
		<type>actiongroup</type>
		<description>action menu</description>
		<defaultcontrol>2</defaultcontrol>
		<onexit>50</onexit>
		<buttonY>35</buttonY>
		<buttonwidth>45</buttonwidth>
		<buttonheight>576</buttonheight>
		<textureFocus>Action_focus.png</textureFocus>
		<textureNoFocus>Action_nofocus.png</textureNoFocus>
		<width>300</width>
		<height>576</height>
		<dimColor>ffffffff</dimColor>
		<control>
			<description>group element</description>
			<type>group</type>
			<animation effect="slide" time="450" start="-300,0">visible</animation>
			<animation effect="slide" time="450" end="-300,0">hidden</animation>
			<posX>20</posX>
			<posY>150</posY>
			<layout>StackLayout(0, Vertical, true)</layout>
			<visible>!Control.HasFocus(50)</visible>
			<control>
                <description>Show videos</description>
                <type>button</type>
                <id>2</id>
                <label>Show Videos</label>
				<onright>50</onright>
				<onleft>50</onleft>
				<onup>6</onup>
				<ondown>3</ondown>
            </control>
            <control>
                <description>Record</description>
                <type>button</type>
                <id>3</id>
                <label>Record</label>
				<onright>50</onright>
				<onleft>50</onleft>
				<onup>2</onup>
				<ondown>4</ondown>
            </control>
            <control>
                <description>Stop Record</description>
                <type>button</type>
                <id>4</id>
                <label>Stop Record</label>
				<onright>50</onright>
				<onleft>50</onleft>
				<onup>3</onup>
				<ondown>5</ondown>
            </control>
            <control>
                <description>Switch On</description>
                <type>button</type>
                <id>5</id>
                <label>Switch On</label>
				<onright>50</onright>
				<onleft>50</onleft>
				<onup>4</onup>
				<ondown>6</ondown>
            </control>
            <control>
                <description>Switch Off</description>
                <type>button</type>
                <id>6</id>
                <label>Switch Off</label>
				<onright>50</onright>
				<onleft>50</onleft>
				<onup>5</onup>
				<ondown>2</ondown>
            </control>
          </control>
        </control>
        <control Style="Title">
            <description>Selected item Label</description>
            <type>textboxscrollup</type>
            <id>1</id>
            <label>#selecteditem</label>
        </control>
        <import>common.mediaoverlay.xml</import>
    </controls>
</window>