<html>
<head>
    <!-- Copyright 2014 Adobe Systems Incorporated.  All rights reserved. -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.i18n.properties-1.0.9.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script src="js/vmqutils.js"></script>
    <script src="js/vmqconstants.js"></script>
    <script src="js/vmqEventHandler.js"></script>
    <script src="js/vmqruler.js"></script>
    <script src="js/vmqhelper.js"></script>
    <script src="js/vmqwindowfunctions.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link href="css/vmqruler.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="waiting" style="background-color: #EDEDED;">
        <img src="loadingAnimation.gif" style="margin:auto;height:50px ; width:50px ; display:block;"/>    
    </div>
    <div id="mqguide" class="vertical-line">
        
    </div>
    <div id="nomqdiv">
        <span id="nomqtext"> </span>    
    </div>
    <div id="mqcontainer" style="display:none;">
        <div id="maxwidthrow" class="maxwidthrow vmqrows">
               
        </div>
        <div id="minmaxwidthrow" class="rangerow vmqrows">

        </div>
        <div id="minwidthrow" class="minwidthrow vmqrows">

        </div>
       
    </div>
    <div id="plusButton">
        
    </div>
    <div id='maxMqAddGuide' class='mqAddGuide'><span id='spanMaxMqAddGuide' class='spanAddGuide'></span></div>
    <div id='minMqAddGuide' class='mqAddGuide'><span id='spanMinMqAddGuide' class='spanAddGuide'></span></div>
    <div id="rulerholder">
        
    </div>
    <span id="dummyspan" style="display:none;"> </span>
    <script type="application/javascript">
        $(function() { 
            $('#rulerholder').vmqRuler();
        });        
    </script>
</body>
</html>
