<div id="device-image">
    <div class="default fallback">&nbsp;</div>
    <div class="android hidden">&nbsp;</div>
    <div class="iphone hidden">&nbsp;</div>
    <div class="blackberry hidden">&nbsp;</div>
</div>
<h1>Welcome to Parallels Panel Server Monitor Mobile!</h1>

<p>Parallels Panel Server Monitor Mobile helps administrators obtain the most important information about Panel servers anytime and anywhere from a mobile device.</p>

<p>If you are seeing this page, you've successfully installed Connector for Plesk Server Monitor and ready to
    connect it to your mobile device.</p>

<h3>Parallels Panel Server Monitor Mobile is currently available:</h3>


<div class="clear"></div>
<div class="tab-wrapper">
<div class="tabs">
    <a href="#android"><span>For Android</span><em class="tl"></em><em class="tr"></em><em
        class="br"></em><em class="bl"></em></a>
    <a href="#iphone"><span>For iPhone</span><em class="tl"></em><em class="tr"></em><em class="br"></em><em
        class="bl"></em></a>
    <a href="#blackberry"><span>For BlackBerry</span><em class="tl"></em><em
        class="tr"></em><em class="br"></em><em class="bl"></em></a>
</div>
<!-- Android -->
<h2>Android</h2>

<div class="tab box" id="android">
    <div class="content">
        <div class="guide">
            <h3>Step 1</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-android-monitor_001.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Install
                    <a href="https://market.android.com/details?id=com.parallels.panel.monitor">Parallels Panel Server Monitor Mobile</a> from Android Market.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide right">
            <h3>Step 2</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-android-monitor_002.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Open Plesk Monitor on your device and tap <strong>Add</strong>.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide">
            <h3>Step 3</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-android-monitor_003.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    In opened
                    <strong>Add Server</strong> window, enter Connector URL as well as the username and password of the Panel administrator.
                </p>

                <p class="guide-text">
                    Host name of a Panel server:
                </p>

                <p class="guide-text large mobile-connector-url">
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide right">
            <h3>Step 4</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-android-monitor_004.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Select your server from the list.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide">
            <h3>Step 5</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-android-monitor_005.png" alt="Download" width="250" height="250" />

                <div class="guide-text">
                    That’s it! Now you can work with it.
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
    </div>
</div>
<!-- /Android -->
<!-- iPhone -->
<h2>iPhone</h2>

<div class="tab box" id="iphone">
    <div class="content">
        <div class="guide">
            <h3>Step 1</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-iphone-monitor_001.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Install
                    <a href="http://itunes.apple.com/us/app/parallels-panel-server-monitor/id477441966?mt=8">Parallels Panel Server Monitor Mobile</a> from the Mac App Store.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide right">
            <h3>Step 2</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-iphone-monitor_002.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Open Plesk Monitor on your device and tap <strong>Add</strong>.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide">
            <h3>Step 3</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-iphone-monitor_003.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    In opened
                    <strong>Add Server</strong> window, enter Connector URL as well as the username and password of the Panel administrator.
                </p>

                <p class="guide-text">
                    Host name of a Panel server:
                </p>

                <p class="guide-text large mobile-connector-url">
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide right">
            <h3>Step 4</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-iphone-monitor_004.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Select your server from the list.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide">
            <h3>Step 5</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-iphone-monitor_005.png" alt="Download" width="250" height="250" />

                <div class="guide-text">
                    That’s it! Now you can work with it.
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
    </div>
</div>
<!-- /iPhone -->
<!-- BlackBerry -->
<h2>BlackBerry</h2>

<div class="tab box" id="blackberry">
    <div class="content">
        <div class="guide">
            <h3>Step 1</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-bb-monitor_001.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Install
                    <a href="http://appworld.blackberry.com/webstore/content/62901?lang=en">Parallels Panel Server Monitor Mobile</a> from App World.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide right">
            <h3>Step 2</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-bb-monitor_002.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Open Plesk Monitor on your device and click <strong>Add</strong>.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide">
            <h3>Step 3</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-bb-monitor_003.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    In opened
                    <strong>Add Server</strong> window, enter Connector URL as well as the username and password of the Panel administrator.
                </p>

                <p class="guide-text">
                    Host name of a Panel server:
                </p>

                <p class="guide-text large mobile-connector-url">
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide right">
            <h3>Step 4</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-bb-monitor_004.png" alt="Download" width="250" height="250" />

                <p class="guide-text">
                    Select your server from the list.
                </p>

                <div class="clear"></div>
            </div>
        </div>
        <div class="guide">
            <h3>Step 5</h3>

            <div class="instructions box">
                <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
                <img src="<?php echo $this->baseUrl;?>/static/img/guide/steps-bb-monitor_005.png" alt="Download" width="250" height="250" />

                <div class="guide-text">
                    That’s it! Now you can work with it.
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <em class="tl"></em><em class="tr"></em><em class="br"></em><em class="bl"></em>
    </div>
</div>
<!-- /BlackBerry -->
</div>

<div class="description">
    <div class="column1">
        <h3>Parallels Panel Server Monitor</h3>

        <p>Parallels Panel Server Monitor helps administrators obtain the most important information about Panel servers anytime and anywhere from a mobile device.</p>

        <p>With Parallels Panel Server Monitor, administrators can:</p>
        <ul>
            <li>View the list of services on a particular server.</li>
            <li>View information about a server: OS, CPU, Panel version and so on.</li>
            <li>View vital indicators of a server health: CPU load average, memory consumption, swap usage, etc.</li>
            <li>Subscribe to Panel events and unsubscribe from them.</li>
        </ul>
    </div>
    <div class="column2">
    </div>
</div>
<script type="text/javascript">
    $('.tab-wrapper > h2, .tab-wrapper .tab').hide();
    $('.tab-wrapper').addClass('js');
    $(function ()
    {
        $('.mobile-connector-url').html(document.location.hostname);
    });
</script>
