<!DOCTYPE HTML>
<html>
    <head>
        <title>OxJS ExamplePanel Demo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <script type="text/javascript" src="../../dev/Ox.js"></script>
        <script>
            Ox.load('UI', function() {
                ///*
                Ox.ExamplePanel({
                        examples: ['cities'],
                        keywords: /\b(Ox\.[\w]+)\b/g,
                        path: Ox.PATH + '../examples/',
                        replace: [[/\b(Ox[\.\w]+)\b/g, '<b>$1</b>']],
                        selected: window.location.hash.substr(1)
                    })
                    .bindEvent({
                        select: function(data) {
                            window.location.hash = data.id;
                        }
                    })
                    .appendTo(Ox.$body);
                //*/
                /*
                Ox.ExamplePage({
                    height: window.innerHeight,
                    html: Ox.PATH + '../examples/cities/index.html',
                    js: Ox.PATH + '../examples/cities/js/example.js',
                    title: 'Cities',
                    width: window.innerWidth
                })
                .appendTo(Ox.$body);
                */
            });
        </script>
    </head>
    <body></body>
</html>