<?xml version="1.0" encoding="UTF-8" ?>
<Module>
    <!-- /*
    * Copyright (c) 2011 Google Inc.
    *
    * Licensed under the Apache License, Version 2.0 (the "License"); you may not
    * use this file except in compliance with the License. You may obtain a copy
    * of the License at
    *
    * http://www.apache.org/licenses/LICENSE-2.0
    *
    * Unless required by applicable law or agreed to in writing, software
    * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
    * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
    * License for the specific language governing permissions and limitations under
    * the License.
    */ -->
    <ModulePrefs title="Fantasias de Carnaval">
        <Require feature="rpc"/>
    </ModulePrefs>
    <Content type="html"><![CDATA[
        <!DOCTYPE html>
        <html>
            <head>
                <!-- Styles-->
                <link rel="stylesheet" href="//rockinriobr2011.appspot.com/static/styles/main.css?v=3">

                <!-- The hangout API JavaScript. Always include this first -->
                <script src="//hangoutsapi.talkgadget.google.com/hangouts/api/hangout.js?v=1.0"></script>

                <!-- The JavaScript for this app. This must always be a full URL not a
                relative path.
                Tip: You can load it from a local web server such as
                http://localhost/app.js for faster single user development -->

                <script src="//rockinriobr2011.appspot.com/static/scripts/app.js?v=1"></script>
            </head>
            <body>
                <div id="app-container">
                    <div id="title-bar">
                        <span id="title-span">Fantasias de Carnaval</span>
                        <div style="float: right;">
                            <a class="simple-icon-button" href="close" onClick="gapi.hangout.hideApp();">
                                <img id="close-app-icon" src="//rockinriobr2011.appspot.com/static/images/close-icon.png" alt="Close" title="Close">
                            </a>
                        </div>
                    </div>

                    <div id="effects-list">
                        <div class="scrollBarInner effects-panel" style="padding-top: 5px; display: block;">
                            <div>
                                <a href="#carmem" style="position: relative; z-index: 2;" class="kd-button small kd-toggle-button icononly" id="carmem-miranda" onClick="showOverlay('carmem-miranda');">
                                    <img src="//rockinriobr2011.appspot.com/static/images/masks/carmem-miranda/thumb.png" alt="Carmem Miranda" title="Carmem Miranda"/>
                                </a>
                                <a href="#mascara" style="position: relative; z-index: 2;" class="kd-button small kd-toggle-button icononly" id="mascara-tradicional" onClick="showOverlay('mascara-tradicional');">
                                    <img src="//rockinriobr2011.appspot.com/static/images/masks/mascara.png" alt="Mascara" title="Mascara"/>
                                </a>
                                <a href="#chapeu" style="position: relative; z-index: 2;" class="kd-button small kd-toggle-button icononly" id="chapeu" onClick="showOverlay('chapeu');">
                                    <img src="//rockinriobr2011.appspot.com/static/images/masks/chapeu.png" alt="Chapeu" title="Chapeu"/>
                                </a>
                            </div>
                            <div>
                                <a href="#coroa" style="position: relative; z-index: 2;" class="kd-button small kd-toggle-button icononly" id="coroa" onClick="showOverlay('coroa');">
                                    <img src="//rockinriobr2011.appspot.com/static/images/masks/coroa.png" alt="Coroa" title="Coroa"/>
                                </a>
                                <a href="#palhaco" style="position: relative; z-index: 2;" class="kd-button small kd-toggle-button icononly" id="palhaco" onClick="showOverlay('palhaco');">
                                    <img src="//rockinriobr2011.appspot.com/static/images/masks/palhaco/thumb.png" alt="Palhaço" title="Palhaço"/>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div id="remove-all-bar">
                        <a id="remove-all-button" href="#remove" onClick="removeAll();">
                            <img id="remove-all-icon" src="//rockinriobr2011.appspot.com/static/images/small-close-icon.png">&nbsp;Remover efeito
                        </a>
                    </div>

                    <div id="bottom-button-bar">
                    </div>

                </div>
            </body>
        </html>

    ]]></Content>
</Module>
