Untitled


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title><?php echo $config['title']; ?></title>
        <!--stylesheets-->
        <link href="res/css/main.css" type="text/css" rel="stylesheet">
        <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">

        <!--scripts-->
        <script src="//code.jquery.com/jquery-1.11.1.js"></script>
        <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
        <script>
            $(function () {

                $(document).ready(function () {
                    $("#toggle-adv-search").click(function () {
                        $("#adv-search").toggle();
                    });
                });

                $("#slider-length").slider({
                    max: 50,
                    value: 0,
                    slide: function (event, ui) {
                        $("#length").val(ui.value);
                        $("#slider-input").text(ui.value + " mins");
                    }
                });
                $("#slider-input").text(ui.value);
                $("#length").val(ui.value + "mins");
            });


        </script>

    </head>
    <body>
        <header id="navbar">
            <img src="res/img/logo.gif">
            <nav>
                <a href="#">menu1</a>
                <a href="#">menu2</a>
                <a href="#">menu3</a>
                <a href="#">menu4</a>
                <a href="#">menu5</a>
                <a href="#">menu6</a>
            </nav>
        </header>
        <div id="main_wrapper">
            <div id="center">
                <img src="res/img/logo.gif" alt="logo">
                <div id="searchbox">
                    <span id="alert">
                        <!--alerts go here-->
                    </span>
                    <form action="search.php" id="search">
                        <input type="text" name="q">
                        <input type="submit" name="submit" value="search">
                        <div id="channels">
                            <input type="radio" name="c" value="1" checked="checked">
                            <input type="radio" name="c" value="2">
                            <input type="radio" name="c" value="3">
                            <input type="radio" name="c" value="4">
                        </div>
                    </form>
                    <button id="toggle-adv-search"><?php getText('adv-search'); ?></button>
                    <div id="adv-search">
                        <label for="cat">label</label>
                        <input form="search" type="text" name="cat">
                        <label>sdsdsdfds</label>
                        <div id="slider-length" style="width: 250px;"></div><span id="slider-input">0 mins</span>
                        <input form="search" style="display: none; height: 10px;" type="number" id="length" name="length">
                        <label>dsfsdfs</label>
                        <input form="search" type="number" name="rating">
                        <label>gfdgdfgfd</label>
                        <input form="search" type="text" name="author">
                    </div>
                </div>
            </div>
        </div>
        <footer>
            <nav id="sitemap">
                <a href="#">menu1</a>
                <a href="#">menu2</a>
                <a href="#">menu3</a>
                <a href="#">menu4</a>
                <a href="#">menu5</a>
                <a href="#">menu6</a>
            </nav>
            <span id="copyright">Copyright 2014</span>
            <nav id="siteinfo">
                <a href="#">menu1</a>
                <a href="#">menu2</a>
                <a href="#">menu3</a>
                <a href="#">menu4</a>
            </nav>
        </footer>

    </body>
</html>