<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="<?php if(isset($_GET['p']) and $_GET['p']=='charset') echo 'ISO-8859-5'; else echo 'UTF-8'; ?>">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width">
	<title>Creative Table</title>
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200|Open+Sans:400,700,300italic|Open+Sans+Condensed:700,300italic' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="styles/creative/style.css">
	<script src="js/modernizr-2.5.3-respond-1.1.0.min.js"></script>
	<script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/scripts.js"></script>
    <?php if(!isset($_GET['p']) or $_GET['p']=='real' or $_GET['p']=='complex'){ ?>
    <script src="js/creative_table-1.4.js"></script>
    <?php }else{ ?>
	<script src="js/creative_table_ajax-1.4.js"></script>
    <?php } ?>
	<script type="text/javascript" src="js/shCore.js"></script>
	<script type="text/javascript" src="js/shBrushPhp.js"></script>
	<script type="text/javascript" src="js/shBrushXml.js"></script>
	<link type="text/css" rel="stylesheet" href="css/shCoreDefault.css"/>
	<script type="text/javascript">
    SyntaxHighlighter.defaults['gutter'] = false;
    SyntaxHighlighter.defaults['toolbar'] = false;
    SyntaxHighlighter.all();
    </script>
</head>
<body>

    <header id="header">
        <a id="logo" href="index.html">
            <img src="images/logo-creative-table.png" />
        </a>
        <nav id="main-menu">
            <ul>
    	        <li><a href="documentation/01_files.html"><div>Documentation</div><div class="description">all you need to know</div></a></li>
    	        <li class="active"><a href="examples.php"><div>Examples</div><div class="description">lots of it</div></a></li>
    	        <li><a href="styles.php"><div>Styles</div><div class="description">beautify it</div></a></li>
    	        <li><a href="history.html"><div>History</div><div class="description">what was made</div></a></li>
    	        <li><a href="http://www.creativedreams.eu/creative-table/support/" target="_blank"><div>Support</div><div class="description">no more doubts</div></a></li>
            </ul>
        </nav>
        <hr/>
    </header>

    <div id="main-container">

        <aside id="sidebar" class="w1_4">

            <nav id="sub-menu">
                <h2>Examples</h2>
                <?php include_once('examples-menu.php'); ?>
    		</nav>

        </aside>

        <div id="main" class="box w3_4 last">

            <header>
                <h1>Examples</h1>
                <h2><?php echo $title;
                if('PHP'=='not installed'){ ?>lots of it<?php } ?>
                </h2>
            </header>

            <div id="content">
                <?php
                if($selected_file!='')
                    include_once($selected_file);

                if('PHP'=='not installed'){
                ?>

                <p>You need to install a PHP server to view this page!</p>

                <p>Please go to Documentation > <a href="documentation/01_installation.html">Instalation</a> to see how you can achieve that.</p>

                <?php } ?>
            </div>

        </div>

    </div>

    <footer id="footer">

        <hr style="clear: both; margin: 0 0 30px 0;">

        <div style="float: left; padding-bottom: 15px;">

            <a href="http://www.creativedreams.eu/creative-table/" target="_blank" class="items">
                <img src="images/thumbnail-creative-table-no-shadow.png" class="image" />
                <img src="images/thumbnail_shadow.png" class="shadow" />
            </a>

            <a id="support" href="http://www.creativedreams.eu/creative-table/support/" target="_blank" class="social" style="float: left;">
                <img src="images/chat3_support.png" class="image" />
                <img src="images/support_shadow.png" class="shadow" />
            </a>

            <div class="tiny" style="clear: both; padding: 5px 0 0 5px;">PRODUCT PAGE & SUPPORT CENTER</div>

        </div>

        <div style="float: right; padding-bottom: 15px;">

            <a href="http://www.creativedreams.eu" target="_blank" class="items" style="float: right; margin-right: 0; width: 117px;">
                <img src="images/thumbnail_creative_dreams_no_shadow.png" class="image" />
                <img src="images/thumbnail_shadow_creative_dreams.png" class="shadow_creative_dreams" />
            </a>

            <a id="envato" href="http://codecanyon.net/user/CreativeDreams" target="_blank" class="social">
                <img src="images/envato.png" class="image" />
                <img src="images/social_shadow.png" class="shadow" />
            </a>

            <a id="twitter" href="http://twitter.com/creative8dreams" target="_blank" class="social">
                <img src="images/twitter.png" class="image" />
                <img src="images/social_shadow.png" class="shadow" />
            </a>

            <div class="tiny" style="clear: both; padding: 5px 5px 0 0; float: right;">&copy; COPYRIGHT 2014 - CREATIVE DREAMS</div>

        </div>

    </footer>

</body>
</html>