<!doctype html>
    <html lang="en">
        <head>
            <meta charset="utf-8" />
            <title>hocooCMS - Backend</title>
            <link rel="stylesheet" href="img/style_backend.css" />
            <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <![endif]-->
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function() {




                    $("#groups_ul > li").click(function() {
                    ;
                        $("#groups_ul > input").each(function (i) {
                            $(this).replaceWith("<li>" + $(this).attr("value") + "</li>");
                            }
                        );
                        $(this).replaceWith("<input type='text' name='group___" + $(this).html() + "' value='" + $(this).html() + "' />");
                    }
                    );




                });
            </script>
        <body>
            <div id="container">
                <div id="groups">
                    <h1>Groups & Content</h1><form method='post' action='backend.php'><ul id='groups_ul'><li>main</li><ul class='obj_ul'><li class='main'>main</li><li class='test'>test</li></ul><li>users</li><ul class='obj_ul'></ul></ul></form>
                </div>
                <div id="classes">

            <h1>Classes</h1>
            <ul id="classes_list"><li><a href='?location=class&class=main' title='title
logo
heading
base_url'>main</a></li><li><a href='?location=class&class=user' title='name
password
email
avatar
access'>user</a></li><li><a href='?location=class&class=article' title='title
text
author
timestamp'>article</a></li></ul>                </div>
            </div>

        </body>
    </html>