<?php
/*
 * Site header template
 * Made by starky
*/

/* Script security */
if(!defined("MONENGINE")) {
	header("Location: index.php");
	exit();
}
?>

<!DOCTYPE HTML>
<html>
<head>

	<?php
	echo "
			<base href='".SITE_URL."'>
			<script type='text/javascript' src='".JS."jquery.js'></script>\n
			<script type='text/javascript' src='".JS."cookies.js'></script>\n
			<script type='text/javascript' src='".JS."jquery.cookies.js'></script>\n
			<script type='text/javascript' src='".JS."jquery.cookies.js'></script>\n
			<script type='text/javascript' src='".JS."jq.js'></script>\n
			<link href='/templates/css/bootstrap.min.css' rel='stylesheet' type='text/css' media='all'>\n
			<link href='/templates/kkenchi/js/bootstrap.js' rel='stylesheet' type='text/css' media='all'>\n

			<title>".((isset($page_title)) ? $page_title : $settings['site_name'])."</title>\n
			".((file_exists(IMAGES.'favicon.ico')) ? "<link rel='shortcut icon' href='".IMAGES."favicon.ico' type='image/x-icon' />\n" : '')."
			
		";
	?>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<style>
#header {

}

.ups1 {
color: #B8D873;
text-shadow: 0 1px 0 #000;}

#header #header_stat {
	background:	url('/img/mtop.png');
	height:				41px;
	padding:			0;
}

#header #header_stat a#header_stat_logo {
	display:			block;
	float:				left;
	height:				41px;
	width:				150px;
	background:			url('../img/header_stat_logo.png') center center no-repeat;
	margin:				0 2px;
}

#header #header_stat #header_stat_main {
	height:				41px;
	color:				#fff;
}

#header #header_stat #header_stat_main div#stats {
	margin-left:			6px;
	float:				left;
}

#header #header_stat #header_stat_main #header_stat_search  {
	margin:				6px 20px 0 0;
	float:				right;
}

#header #header_stat #header_stat_main #header_stat_search  input{
	width:				149px;
	height:				18px;
background: #000000;
font-size: 11px;
color: #FFF;
padding: 4px;
border: none;
border-radius: 6px;
}

#header #banners_area {
	padding:			45px 40px;
}

#header div#horizontal_menu {
height: 41px;
background: url('/img/gtop.png');
float: left;
width: 100%;
overflow: hidden;
position: relative;
top: -8px;
}
#header div#horizontal_menu ul {
height: 21px;
margin: 5px;
padding: 0;
float: left;
position: relative;
left: 41%;
}
#header div#horizontal_menu ul li {
	height: 33px;
line-height: 40px;
	float:				left;
	list-style:			none; 
	position:			relative; 
	right:				50%;

}

#header div#horizontal_menu ul :first-child {
	border-left:		0;
}

#header div#horizontal_menu ul :last-child {
	border-right:		0;
}

#header div#horizontal_menu ul li a {
	color:				#fff;
	padding:			0 18px;
	display:			block;
	text-decoration:	none;
	-webkit-transition: color .2s ease;
	-o-transition:		color .2s ease;
	-moz-transition:	color .2s ease;
	transition:			color .2s ease;
	font-family: cup;
	font-style: italic;
	font-size: 13px;
}

#header div#horizontal_menu ul li a:hover {
	color:				#000;
		font-family: cup;
	font-style: italic;
	font-size: 13px;
	-webkit-transition: color .2s ease;
	-o-transition:		color .2s ease;
	-moz-transition:	color .2s ease;
	transition:			color .2s ease;
}

#header div#horizontal_menu ul li.important a {
	font-weight:		bold;
	color:				#EBCACD;
}
#header div#sort {
	height: 17px;
background: #141312 url('/images/sort_title_bg.png') repeat-x;
float: left;
width: 1142px;
overflow: hidden;
position: relative;
padding: 4px;
height: 45px;
border-radius: 45px;
}

#header div#sort ul {
	height:				17px;
	margin:				0;
	padding:			0; 
	float:				left; 
	position:			relative; 
	left:				50%;
	font-size:			11px;
}

#header div#sort ul li {
	height:				17px;
	line-height:		20px;
	float:				left;
	list-style:			none; 
	position:			relative; 
	right:				50%;
	padding-left:3px;
}

#header div#sort ul li a {
	color:				#888;
	text-decoration:	none;
	padding:			0 3px;
}

#header div#sort ul li a:link {
	text-decoration:none;
	font-family:verdana;
	background:#855a27;
	color:#ffebad;
	padding:2px;
	border-radius:2px;
}
#header div#sort ul li a:visited {
	text-decoration:none;
	font-family:verdana;
	background:#855a27;
	color:#ffebad;
	padding:2px;
	border-radius:2px;
}
#header div#sort ul li a:active {
	text-decoration:none;
	font-family:verdana;
	background:#855a27;
	color:#ffebad;
	padding:2px;
	border-radius:2px;
}

#header div#sort ul li a:hover {
	text-decoration:none;
	font-family:verdana;
	background:#6c2785;
	color:#edadff;
	padding:2px;
	border-radius:2px;
}

#header div#top_servers {
}

#header div#top_servers div.unit {
	width:				18%;
	color:				#BFA578;
	font-size:			11px;
	float:				left;
	padding:			0 0 0 20px;
}

#header div#top_servers div.unit div.map_section {
border: 1px solid #0c0c0c;
float: left;
border-radius: 8px;
box-shadow: 0px 2px #0c0c0c;
height: 75px;
overflow: hidden;
opacity: 0.9;
border: 3px solid #0c0c0c;
}

#header div#top_servers div.unit div.info_section {
margin-left:6%;
width:38%;
height:80px;
float:left;
margin-bottom:-1px;
overflow:hidden;

}

#header div#top_servers div.unit div.info_section span.title {
	color:				#ccc;
}

#header div#top_servers div.unit div.adress_section {
margin-top:1px;
margin-left:-1%;
width:100%;
height:35px;
float:left;
margin-bottom:2px;
overflow:hidden;
}

#header div#top_servers .top_zebra_1 {
padding: 10px 0;
}

#header div#top_servers .top_zebra_2 {
padding: 10px 0;
}
</style>
<style type="text/css">
 <!--
 .togblock {
 display:none;
 text-align:inherit
 }
 -->
 </style>
<script type="text/javascript">
$(document).ready(function() {$('#toglink0').click(
function() {
 if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
 if ($('#togblock1').css("display")=="block") {$('#togblock0').css("display", "none");
 } else {$('#togblock0').css("display", "block");
 }
 } else {$('#togblock0').toggle("slow");
 }
 if ($('#toglink0').text()=='раскрыть...') {$('#toglink0').text('...скрыть');
 } else {$('#toglink0').text('раскрыть...');
 }
 });
 });
 </script>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?98"></script>

<script type="text/javascript">
  VK.init({apiId: 3818896, onlyWidgets: true});
</script>
<body>


<div id="header">
<div class="headbg">
<div class="container">
<table border="0" style="margin-top:10px;" width="100%" cellpadding="3" cellspacing="3">
<tbody><tr>
<td align="left"><a href="/" title="Мониторинг серверов" alt="Мониторинг серверов"><div class="logo"></div></a></td>
<td align="right">  Всего игровых серверов в мониторинге: <span class="ups1"><?php echo $servers_total;?></span> серверов, из них <span class="ups1"><?php echo $servers_online;?></span> серверов онлайн.</span><br>
			Самая популярная карта: <span class="ups1">de_dust2_2x2</span>. Последние обновление было: <span class="ups1"><?php echo time() - $settings['last_update']; ?> секунд(ы) назад</span>.
      </td>
</tr>
</tbody></table>
</div>
</div>



<div class="navbar navbar-inverse navbar-static-top">
      <div class="navbar-inner">
	   <div class="container">
		<a href="#" id="linkTop" class="backtotop hidden"></a>
          <div class="nav-collapse collapse">
            <ul class="nav">
				<li><a href="/">Главная страница</a></li>
				<li><a href="/search">Поиск серверов</a></li>
				<li><a href="/pay">Платные услуги</a></li>
				<li><a href="/edit">Редактирование</a></li>
				<li><a href="/mserv">Мастер-сервер</a></li>
			  </ul>
<ul class="nav pull-right">		
<?php if ($_SERVER['REMOTE_ADDR'] == '159.224.141.62') { // my ip address
    echo '
<li><a href="/backend/">Вход в админку</a></li>';
} ?>		
</ul>		
</div><!--/.nav-collapse -->
</div>
</div>
</div>
	
	
<br>
<div class="container">
<a class="btn btn-large btn-block btn-info" href="/add">Добавить сервер!</a>
<br>
	
		<div class="hero-unit">
		<div class="hero-head">
		<h4>Топ сервера</h4>
		</div>
		<div class="well well-small">
		<div id="top_servers">
		<?php include(INCLUDES.'top_servers.php');?>
		</div>
		</div></div>