<?php
$bg=array('#ffb53e', '#f70ab9', '#f9243f', '#8ad919', '#8700ff');
$i=rand (0, count($bg)-1);
$s=rand (0, count($bg)-1);
$a=rand (0, count($bg)-1);
$p=rand (0, count($bg)-1);
$latarbg="$bg[$i]";
$latarbg2="$bg[$a]";
$latarbg3="$bg[$s]";
$latarbg4="$bg[$p]";
?>

<ul class="nav menu">

			<li <?php if($_SERVER['SCRIPT_NAME'] == '/blog/home.php'){ ?>class="active" <?php } ?>style="border-left:4px solid <?php echo $latarbg2; ?>"><a href="home.php"><svg class="glyph stroked dashboard-dial"><use xlink:href="#stroked-dashboard-dial"></use></svg> Dashboard</a></li>
			<li <?php if($_SERVER['SCRIPT_NAME'] == '/blog/form.php'){ ?>class="active" <?php } ?>style="border-left:4px solid <?php echo $latarbg; ?>"><a href="form.php"><svg class="glyph stroked app window with content"><use xlink:href="#stroked-app-window-with-content"/></svg> JSON Table</a></li>
			<li <?php if($_SERVER['SCRIPT_NAME'] == '/blog/live.php'){ ?>class="active" <?php } ?>style="border-left:4px solid <?php echo $latarbg3; ?>"><a href="live.php"><svg class="glyph stroked app window with content"><use xlink:href="#stroked-app-window-with-content"/></svg> Live CRUD</a></li>
			<li <?php if($_SERVER['SCRIPT_NAME'] == '/blog/ajaxcombo.php'){ ?>class="active" <?php } ?>style="border-left:4px solid <?php echo $latarbg4; ?>"><a href="ajaxcombo.php"><svg class="glyph stroked app window with content"><use xlink:href="#stroked-app-window-with-content"/></svg> Dynamic Combo</a></li>
			<li class="parent ">
				<a href="#sub-item-1" data-toggle="collapse">
					<span data-toggle="collapse" href="#sub-item-1"><svg class="glyph stroked chevron-down"><use xlink:href="#stroked-chevron-down"></use></svg></span> Dropdown
				</a>
				<ul class="children collapse" id="sub-item-1">
					<li>
						<a class="" href="#">
							<svg class="glyph stroked chevron-right"><use xlink:href="#stroked-chevron-right"></use></svg> Sub Item 1
						</a>
					</li>
					<li>
						<a class="" href="#">
							<svg class="glyph stroked chevron-right"><use xlink:href="#stroked-chevron-right"></use></svg> Sub Item 2
						</a>
					</li>
					<li>
						<a class="" href="#">
							<svg class="glyph stroked chevron-right"><use xlink:href="#stroked-chevron-right"></use></svg> Sub Item 3
						</a>
					</li>
				</ul>
			</li>
			<li role="presentation" class="divider"></li>

		</ul>