﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>StyleUnow</title>
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="initial-scale=1.0" />
    <meta charset="utf-8" />
    <link rel="stylesheet" href="public/ScrollBar.css?1002" />
    <link rel="stylesheet" href="public/StyleUnow.css?1002" />
    <link rel="stylesheet" href="public/StyleUfonts.css?1002" />
    <link rel="stylesheet" href="public/Toolbar.css?1002" />
    <link rel="stylesheet" href="public/UIRDropdown.css?1002" />
    <link rel="stylesheet" href="public/Selection.css?1002" />
    <link rel="stylesheet" href="public/Scope.css?1002" />
    <link rel="stylesheet" href="public/modal.css?1002" />
    <link rel="stylesheet" href="public/UserObj.css?1002" />
    <link rel="stylesheet" href="public/Account.css?1002" />
    <link rel="stylesheet" href="public/Booking.css?1002" />
    <link rel='stylesheet' href='libs/fullcalendar.css' />
    <link rel='stylesheet' href='libs/lib/cupertino/jquery-ui.min.css' />
    <link rel='stylesheet' href='libs/fullcalendar.min.css' />
    <link rel='stylesheet' href='libs/fullcalendar.print.min.css' media='print' />
    <link rel="stylesheet" href="public/l3.css" />
    <link rel="icon" href="images/newneoz.png?7777" />
    <script src="libs/jquery/jquery.min.js"></script>
    <script src="libs/bootstrap/js/bootstrap.min.js"></script>
    <script src="libs/lib/angular.min.js"></script>
    <script src="libs/lib/angular-ui-router.min.js"></script>
    <script src="https://apis.google.com/js/api.js"></script>
    <script src='libs/lib/moment.min.js'></script>
    <script src='libs/lib/jquery.min.js'></script>
    <script src='libs/fullcalendar.min.js'></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
</head>
<body class="disable-select">
    <script>
        var exports = new Object();
    </script>
    <script type="text/javascript" src="/public/FullCal.js?1002"></script>
    <script type="text/javascript" src="/public/l3.js"></script>
    <script type="text/javascript" src="/public/ScrollBar.js?1002"></script>
    <script type="text/javascript" src="/public/Parameters.js?1002"></script>
    <script type="text/javascript" src="/public/OptObj.js?1002"></script>
    <script type="text/javascript" src="/public/markerclusterer.js?1002"></script>
    <script type="text/javascript" src="/public/GoogleMap.js?1002"></script>
    <script type="text/javascript" src="/public/RepeatObj.js?1002"></script>
    <script type="text/javascript" src="/public/Phase.js?1002"></script>
    <script type="text/javascript" src="/public/Option.js?1002"></script>
    <script type="text/javascript" src="/public/Control.js?1002"></script>
    <script type="text/javascript" src="/public/Controller.js?1002"></script>
    <script type="text/javascript" src="/public/ControlObj.js?1002"></script>
    <script type="text/javascript" src="/public/UserObj.js?1002"></script>
    <script type="text/javascript" src="/public/AutoZoom.js?1002"></script>
    <script type="text/javascript" src="/public/UIRouter.js?1002"></script>
    <div id="Toolbar" class="smalltool" ng-app="routerApp">
        <div ng-controller="UIRouterController as UIRouter">
            <table id="Toolbar-Table">
                <tr ng-mouseleave="UIRouter.setOptions('-')">
                    <td ng-repeat="obj in UIRouter.objects"
                        ng-mouseover="UIRouter.select(obj, null);">
                        <button id="Toolbar-Button-{{obj.Key}}" class="Toolbar-Button"
                                ng-click="UIRouter.checkClick($event, obj);"
                                ui-sref="{{obj.Name}}" ui-sref-active="selected">
                            <span id="Toolbar-Key-{{obj.Key}}" class="Toolbar-Class">
                                {{obj.Key}}
                            </span>
                        </button>
                        <div id="Dropdown">
                            <ul>
                                <li ng-repeat="opt in UIRouter.options[obj.Key]"
                                    id="Option-{{obj.Key}}-{{opt.Key}}" style="display:none"
                                    ng-mouseover="UIRouter.execopt(obj, opt, true);"
                                    ng-mouseout="UIRouter.execopt(obj, opt, false);">
                                    <div id="Dropdown-Option-{{opt.Key}}" class="Dropdown-Instance-{{obj.Key}}">
                                        <button class="Dropdown-Button"
                                                ui-sref="{{opt.Name}}" ui-sref-active="optioned">
                                            <span id="Dropdown-Key-{{opt.Key}}" class="Dropdown-Class">
                                                {{opt.Key}}
                                            </span>
                                        </button>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
            </table>

            <ui-view></ui-view>
        </div>
    </div>
    <div id="divWrap">
        <div id="Schedule" style="display:none">
            <script type='text/javascript'>
                $(document).ready(function () {
                    $('#googlecal').fullCalendar({
                        googleCalendarApiKey: 'AIzaSyAe_wU0qWncv4FBkk_HWc3YM6RhKlWegXk',
                        events: {
                            googleCalendarId: 'exajames@gmail.com'
                        },
                        googleCalendarError: function (err) {
                            alert('googleCalendarError' + JSON.stringify(err));
                        },
                        defaultView: 'agendaWeek',
                        allDaySlot: false,
                        displayEventTime: false
                    });
                });
            </script>
            <div id="googlecal"></div>
        </div>
        <div id="DomainName" class="largename">
            <table class="toptable" border="0">
                <tr>
                    <td>
                        <div id="DomainNameText" onclick="Controller.reload();">
                            <span class="Domain">
                                <span id="name_style">Style</span>
                                <span id="name_u">U</span>
                                <span id="name_now">Now</span>
                            </span>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div id="Selection">
            <table id="Selection-Parent-Table" class="toptable" border="0">
                <tr id="Selection-Option" class="Selection-Template">
                    <td>
                        &nbsp;
                    </td>
                    <td class="title">
                        <span id="Selection-Title" class="Selection-Class"
                              onmouseover="Controller.select(this);"
                              onclick="Controller.select(this);">
                        </span>
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td class="Selection-Parameter">
                        <table id="Selection-Table" class="Selection-Inputs">
                            <tr>
                                <td id="Selection-Name" class="Selection-Class"
                                    onclick="Controller.next(this, 'false');"></td>
                            </tr>
                            <tr class="Selection-Filter">
                                <td>
                                    <input id="Selection-Filter" class="Selection-Filter" type="text"
                                           value="<search here>" onfocus="if (this.value == '<search here>') this.value = ''" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <div id="Scope" style="display:none">
            <div class="frame horizontal" id="oldH">
                <table class="toptable">
                    <tr>
                        <td>
                            <ul class="clearfix">
                                <li>
                                    <div id="Scope-Table" class="toptable" border="0">
                                        <div id="Scope-Table-Data">
                                            <table id="Scope-Table-Content" class="wholetable">
                                                <thead>
                                                    <tr>
                                                        <th class="Scope-Header-Template" id="Scope-Header-Option">
                                                            <span id="Scope-Header-Name" class="Scope-Header-Value-Template">
                                                                -
                                                            </span>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr id="Scope-Option" class="Scope-Template">
                                                        <td class="Scope-Item-Template" id="Scope-Item-Option">
                                                            <span id="Scope-Item-Value" class="Scope-Item-Value-Template"
                                                                  onclick="Controller.select(this);">
                                                                -
                                                            </span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div id="Scope-Table-Scroll" class="Scope-Table-Scroll-Hidden">
                                            <div id="Scope-Table-Blank">
                                            </div>
                                            <div id="Scope-Table-Body" onscroll="RepeatObj.scroll(this);">
                                                <div id="inner-content-div">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="Scope-Table-Count">
                Found=0
            </div>
        </div>
        <div id="Action" style="display:none">
            <div>
                <button id="Back"
                        onclick="Controller.prev(this)">
                    <span id="Back-Span">
                        Back
                    </span>
                </button>
            </div>
            <div id="myModal" class="modal">
                <div class="modal-content">
                    <span class="close">&times;</span>
                    <p>Some text in the Modal..</p>
                    <p>Some text in the Modal..</p>
                    <p>Some text in the Modal..</p>
                </div>
            </div>
            <div id="map"></div>
        </div>
        <div id="Account" style="display:none" ng-app="useApp">
            <div ng-controller="UseController as useList">
                <h2 class="{{useList.title}}-Header">{{useList.title}}</h2>
                <form name="{{useList.title}}-Form" method="post" ng-submit="useList.validate(this);" target="_blank">
                    <div id="{{useList.title}}-Form-Wrap">
                        <table id="{{useList.title}}-Table">
                            <tr ng-repeat="obj in useList.objects">
                                <td class="{{useList.title}}-Attribute" colspan="1">
                                    <span class="done-{{obj.name}}">{{obj.name}}:&nbsp;</span>
                                </td>
                                <td class="{{useList.title}}-Input" colspan="1">
                                    <input id="{{useList.title}}-Input-{{obj.name}}"
                                           class="{{useList.title}}-Input-{{obj.type}}"
                                           name="{{obj.name}}"
                                           type="{{obj.type}}"
                                           value="{{obj.value}}"
                                           ng-model="obj.value"
                                           ng-keydown="useList.onKeydown(obj);"
                                           ng-keyup="useList.onKeyup(obj);"
                                           ng-focus="useList.onFocus(obj);"
                                           ng-blur="useList.onBlur(obj);" />
                                    <div id="{{useList.title}}-Text-{{obj.name}}"
                                         class="{{useList.title}}-Text-{{obj.type}}">
                                        {{obj.value === "false" ? obj.alttext : obj.helptext}}
                                    </div>
                                </td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                    <div>
                        &nbsp;
                    </div>
                    <table id="{{useList.title}}-Data-Table">
                        <tr>
                            <td ng-repeat="obj in useList.actions">
                                <button class="Toolbar-Button"
                                        id="{{useList.title}}-Save-{{obj}}"
                                        onclick="Controller.select(this)">
                                    <span id="Save-Span">
                                        {{obj}}
                                    </span>
                                </button>
                            </td>
                        </tr>
                    </table>
                </form>
                <div id="{{useList.title}}-Modal" class="modal">
                    <div class="modal-content">
                        <span class="close"></span>
                        <span class="close"></span>
                        <p class="{{useList.title}}-Model-Entry" ng-repeat="obj in useList.results"><b>{{obj.name}}:</b>&nbsp;{{obj.message}}</p>
                    </div>
                </div>
            </div>
        </div>
        <div id="Booking" style="display: none">
            <div class="frame horizontal" id="oldH2">
                <table class="toptable">
                    <tr>
                        <td width="100%">
                            <ul class="clearfix">
                                <li>
                                    <div id="calcontainer">
                                        <div id="calendar"></div>
                                        <div id="schedule"></div>
                                    </div>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="Statusbar">
        </div>
    </div>
    <script type="text/javascript" src="/public/modal.js?1002"></script>
    <script type="text/javascript" src="/public/StyleUnow.js?1002"></script>
    <script type="text/javascript" src="/public/StyleUCal.js?1002"></script>
    <script>
        startApplication();
        // Controller.startApplication(startApplication);
    </script>
    <script>
        //        console.log = function() {}
        //        Controller.startApplication();
        // tell the embed parent frame the height of the content
        function initializeSly() {
            if (window.parent && window.parent.parent) {
                window.parent.parent.postMessage(["resultsFrame", {
                    height: document.body.getBoundingClientRect().height,
                    slug: "0duf5h6b"
                }], "*")
            }
        }
        initializeSly();
    </script>
    <div id="footer">
        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
            <input type="hidden" name="cmd" value="_s-xclick" />
            <input type="hidden" name="hosted_button_id" value="A7WD4TL4H5PT4" />
            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
        </form>
    </div>

</body>
</html>