<!DOCTYPE HTML>
<html>
<head>   
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="x3dom-1.7.0/x3dom.css">
    <link rel="stylesheet" href="viewmodel.css">
    <script src="jquery-2.1.4.min.js"></script>
    <!--<script type='text/javascript' src='x3dom-1.7.0/x3dom.js'> </script>-->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="help.js"></script>
    <script src="viewmodel.js"></script>
</head>
<body>
    <div id='main'>   
        <div id='thrd'>
            <div class="dropdown">
                <button class="btn-my dropdown-toggle btn nooutline" data-toggle="dropdown" href="#">View <span class="caret"></span></button>
                <ul class="dropdown-menu" style="padding:0px">
                    <li id="v1">view 1 (+<b>x</b>)</li>
                    <li id="v2">view 2 (&minus;<b>x</b>)</li>
                    <li id="v3">view 3 (+<b>y</b>)</li>
                    <li id="v4">view 4 (&minus;<b>y</b>)</li>
                    <li id="v5">view 5 (+<b>z</b>)</li>
                    <li id="v6">view 6 (&minus;<b>z</b>)</li>
                    <li id="v7">view 7 (default)</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="test:5" secretvalue='-4'></div>
    <script>
        prerun();
        resize();
    </script>
</body>
</html>