<?php
ob_start();
session_start();
header('Cache-control: private'); // IE 6 FIX
?>
<? require_once("DB/DB_Main_config.php");?>
<? $Main_conn->query("SET character_set_results = 'utf8', character_set_client = 'utf8', character_set_connection = 'utf8', character_set_database = 'utf8', character_set_server = 'utf8'");?>
<?
if(isset($_GET['lang']))
{
$selectlang = $_GET['lang'];

$_SESSION['lang'] = $selectlang;

setcookie('lang', $selectlang, time() + (3600 * 24 * 30));
}
else if(isset($_SESSION['lang'])) {
	$selectlang = $_SESSION['lang'];
}
else if(isset($_COOKIE['lang'])) {
	$selectlang = $_COOKIE['lang'];
}
else {
	$selectlang = 'hk';
}

/*switch ($lang) {
  case 'en':
  $lang_file = 'lang.en.php';
  $nowlang = 'en';
  break;

  case 'hk':
  $lang_file = 'lang.hk.php';
  $nowlang = 'hk';
  break;

  default:
  $lang_file = 'lang.hk.php';
  $nowlang = 'hk';

}

include "Languages/".$lang_file;
if (!isset($lang)) {$lang = 'hk';}
include_once "../Languages/lang.php";*/
$lang = array();
$lang_sql = "SELECT * FROM xp_lang WHERE lang='$selectlang';";
$lang_result = $Main_conn->query($lang_sql);

while($lang_row = mysqli_fetch_array($lang_result))
{$lang[$lang_row['name']] = $lang_row['content'];}
?>
<?php include "assets/link.php"; ?>
<?php include "assets/mainphpfunction.php"; ?>
<!doctype html>
<html><!-- InstanceBegin template="/Templates/Main.dwt.php" codeOutsideHTMLIsLocked="true" -->
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#FBC02D">
<!-- InstanceBeginEditable name="doctitle" -->
<title><?php echo $lang['INDEX_PAGE_TITLE']; ?></title>
<meta name="description" content="HK Minecraft Server">
<link href="../css/price.css?v=9" rel="stylesheet" type="text/css">
<style>
	
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(245,245,245,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade-img {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
</style>
<!-- InstanceEndEditable -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:600" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Exo" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--icon-->
<link href="https://visage.surgeplay.com/head/64/db5cc9e1de8248fc8a22f49f5010303c.png" type="image/png" rel="icon">
<meta name="og:image" content="https://visage.surgeplay.com/head/256/db5cc9e1de8248fc8a22f49f5010303c.png">

<link href="css/main.css?v=40" rel="stylesheet" type="text/css">
    
<style>
	
	/* fontawesome */
	[class*="fa-"]:before {
		font-family: 'FontAwesome', 'Roboto', 'Noto Sans TC', 'cwTeXHei',  'sans-serif';
	  	font-size: 32px;
	}
		
	.fontsize-24::before {
		font-size: 24px;color: 
	}
	
	.fontsize-20::before {
		font-size: 20px;
	}
	
	.fontsize-14::before {
		font-size: 14px;
	}

</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body style="transition: .5s;">
<!--MOBILE MENU-->
<div class="hidden-md-up Menu-mobile">
<ul id="mainMenu" style="list-style:  none; padding:  0px; font-size:  24px;">
	<li><a href="<?php echo $link ['MENU_HOME']; ?>"><?php echo $lang ['MENU_HOME']; ?></a></li>
	<li><a href="#" onClick="showSubMenu(shop)"><?php echo $lang ['MENU_SHOP']; ?>&nbsp;<span class="fa fa-caret-right fontsize-24"></span></a></li>
	<li><a href="#" onClick="showSubMenu(news)"><?php echo $lang ['MENU_NEWS']; ?>&nbsp;<span class="fa fa-caret-right fontsize-24"></span></a></li>
	<li><a href="#" onClick="showSubMenu(governance)"><?php echo $lang ['MENU_GOVERNANCE']; ?>&nbsp;<span class="fa fa-caret-right fontsize-24"></span></a></li>
	<li><a href="#" onClick="showSubMenu(system)"><?php echo $lang ['MENU_SYSTEM']; ?>&nbsp;<span class="fa fa-caret-right fontsize-24"></span></a></li>
	<li><a href="#" onClick="showSubMenu(about)"><?php echo $lang ['MENU_ABOUT']; ?>&nbsp;<span class="fa fa-caret-right fontsize-24"></span></a></li>
	<li><a href="<?php echo $link ['MENU_MEMBER']; ?>"><?php echo $lang ['MENU_MEMBER']; ?></a></li>
	<li><a href="<?php echo $link ['MENU_JOINUS']; ?>"><?php echo $lang ['MENU_JOINUS']; ?></a></li>
</ul>

<div id="subMenu" class="Menu-mobile subMenu">
	<ul id="shop" style="display: none;">
		<li><a href="#" onClick="showMainMenu(shop)"><span class="fa fa-caret-left fontsize-24"></span>&nbsp;BACK</a></li>
		
		<li><a href="<?php echo $link['MENU_SHOP']; ?>"><?php echo $lang['MENU_SHOP']; ?></a></li>
		<li><a href="<?php echo $link['MENU_SHOP_DROPDOWN1'];?>"><?php echo $lang['MENU_SHOP_DROPDOWN1']; ?></a></li>
		<li><a href="<?php echo $link['MENU_SHOP_DROPDOWN2'];?>"><?php echo $lang['MENU_SHOP_DROPDOWN2']; ?></a></li>
	</ul>
	<ul id="news" style="display: none;">
		<li><a href="#" onClick="showMainMenu(news)"><span class="fa fa-caret-left fontsize-24"></span>&nbsp;BACK</a></li>
		
		<li><a href="<?php echo $link['MENU_NEWS']; ?>"><?php echo $lang['MENU_NEWS']; ?></a></li>
		<li><a href="<?php echo $link['MENU_NEWS_DROPDOWN1'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN1']; ?></a></li>
		<li><a href="<?php echo $link['MENU_NEWS_DROPDOWN2'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN2']; ?></a></li>
		<li><a href="<?php echo $link['MENU_NEWS_DROPDOWN3'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN3']; ?></a></li>
		<li><a href="<?php echo $link['MENU_NEWS_DROPDOWN4'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN4']; ?></a></li>
		<li><a href="<?php echo $link['MENU_NEWS_DROPDOWN5'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN5']; ?></a></li>
		<li><a href="<?php echo $link['MENU_NEWS_DROPDOWN6'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN6']; ?></a></li>
		<li><a href="<?php echo $link['MENU_NEWS_DROPDOWN7'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN7']; ?></a></li>
		<li><a href="<?php echo $link['MENU_NEWS_DROPDOWN8'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN8']; ?></a></li>
	</ul>
	<ul id="governance" style="display: none;">
		<li><a href="#" onClick="showMainMenu(governance)"><span class="fa fa-caret-left fontsize-24"></span>&nbsp;BACK</a></li>
		
		<li><a href="<?php echo $link['MENU_GOVERNANCE_DROPDOWN1'];?>"><?php echo $lang['MENU_GOVERNANCE_DROPDOWN1']; ?></a></li>
		<li><a href="<?php echo $link['MENU_GOVERNANCE_DROPDOWN2'];?>"><?php echo $lang['MENU_GOVERNANCE_DROPDOWN2']; ?></a></li>
		<li><a href="<?php echo $link['MENU_GOVERNANCE_DROPDOWN3'];?>"><?php echo $lang['MENU_GOVERNANCE_DROPDOWN3']; ?></a></li>
		<li><a href="<?php echo $link['MENU_GOVERNANCE_DROPDOWN4'];?>"><?php echo $lang['MENU_GOVERNANCE_DROPDOWN4']; ?></a></li>
		<li><a href="<?php echo $link['MENU_GOVERNANCE_DROPDOWN5'];?>"><?php echo $lang['MENU_GOVERNANCE_DROPDOWN5']; ?></a></li>
		<li><a href="<?php echo $link['MENU_GOVERNANCE_DROPDOWN6'];?>"><?php echo $lang['MENU_GOVERNANCE_DROPDOWN6']; ?></a></li>
		<li><a href="<?php echo $link['MENU_GOVERNANCE_DROPDOWN7'];?>"><?php echo $lang['MENU_GOVERNANCE_DROPDOWN7']; ?></a></li>
		<li><a href="<?php echo $link['MENU_GOVERNANCE_DROPDOWN8'];?>"><?php echo $lang['MENU_GOVERNANCE_DROPDOWN8']; ?></a></li>
	</ul>
	<ul id="system" style="display: none;">
		<li><a href="#" onClick="showMainMenu(system)"><span class="fa fa-caret-left fontsize-24"></span>&nbsp;BACK</a></li>
		
		<div class="category"><?php echo $lang['MENU_SYSTEM_CATEGORY1']; ?></div>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN1'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN1']; ?></a></li>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN2'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN2']; ?></a></li>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN3'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN3']; ?></a></li>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN4'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN4']; ?></a></li>
		<div class="category"><?php echo $lang['MENU_SYSTEM_CATEGORY2']; ?></div>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN5'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN5']; ?></a></li>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN6'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN6']; ?></a></li>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN7'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN7']; ?></a></li>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN8'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN8']; ?></a></li>
		<div class="category"><?php echo $lang['MENU_SYSTEM_CATEGORY3']; ?></div>
		<li><a href="<?php echo $link['MENU_SYSTEM_DROPDOWN9'];?>"><?php echo $lang['MENU_SYSTEM_DROPDOWN9']; ?></a></li>
		<div class="category"><?php echo $lang['MENU_SYSTEM_CATEGORY4']; ?></div>
	</ul>
	<ul id="about" style="display: none;">
		<li><a href="#" onClick="showMainMenu(about)"><span class="fa fa-caret-left fontsize-24"></span>&nbsp;BACK</a></li>
		
		<li><a href="<?php echo $link['MENU_ABOUT_DROPDOWN1'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN1']; ?></a></li>
		<li><a href="<?php echo $link['MENU_ABOUT_DROPDOWN2'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN2']; ?></a></li>
		<li><a href="<?php echo $link['MENU_ABOUT_DROPDOWN3'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN3']; ?></a></li>
		<li><a href="<?php echo $link['MENU_ABOUT_DROPDOWN4'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN4']; ?></a></li>
		<li><a href="<?php echo $link['MENU_ABOUT_DROPDOWN5'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN5']; ?></a></li>
		<li><a href="<?php echo $link['MENU_ABOUT_DROPDOWN6'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN6']; ?></a></li>
	</ul>
</div>
</div>

<header class="hidden-md-up polaroid">
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
     
		<td width="1%" align="left" valign="middle" class="Menu">
      	<!--<span style="font-size:30px;cursor:pointer" onclick="openNav()"><span class="fontawesome-reorder Mainbutton"></span></span>-->
      	<div style="display: inline-block; cursor: pointer;" onclick="toggleNav(this)">
		  <div class="bar1"></div>
		  <div class="bar2"></div>
		  <div class="bar3"></div>
		</div>
      	
      	</td>
      
      	<td width="1%" align="center" valign="middle"><a href="<?php echo $link ['MENU_HOME']; ?>"><img src="https://visage.surgeplay.com/head/256/db5cc9e1de8248fc8a22f49f5010303c.png" width="52" height="52" alt=""/></a>
      	</td>
      
      	<td width="1%" align="right" valign="middle" class="Menu">
      	<a href="<? if(isset($_SESSION['login_user'])) {echo $link ['MENU_MEMBERCENTER']; }else{ echo $link ['MENU_MEMBERLOGIN'];}?>"><span class="fa fa-user-circle fontsize-24 Mainbutton"></span></a>
      	</td>
      
    </tr>
  </tbody>
</table>
</header>

<!--DESKTOP MENU-->
<header class="hidden-sm-down polaroid">
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td width="1%" align="left" valign="middle">
      <a href="<?php echo $link ['MENU_HOME']; ?>">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tbody>
			<tr>
			  <td width="64"><img src="https://visage.surgeplay.com/head/256/db5cc9e1de8248fc8a22f49f5010303c.png" width="64" height="64" alt=""/></td>
			  <td><img src="assets/MECHCalvin_logo_text.png" width="183" height="64" alt=""/></td>
			  </tr>
			</tbody>
	  </table>
      </a>
      </td>
      <td width="1%" align="right" valign="middle" class="Menu">
			<a href="<?php echo $link ['MENU_HOME']; ?>"><?php echo $lang ['MENU_HOME']; ?></a>
			
		  	<div class="dropdown" style="display: inline-block;">
				<a href="<?php echo $link ['MENU_SHOP']; ?>" class="dropbtn"><?php echo $lang ['MENU_SHOP']; ?></a>
				<div class="dropdown-content">
				  <a href="<?php echo $link['MENU_SHOP_DROPDOWN1'];?>"><?php echo $lang['MENU_SHOP_DROPDOWN1']; ?></a>
				  <a href="<?php echo $link['MENU_SHOP_DROPDOWN2'];?>"><?php echo $lang['MENU_SHOP_DROPDOWN2']; ?></a>
				</div>
			</div>
		  
		  	<div class="dropdown" style="display: inline-block;">
				<a href="<?php echo $link ['MENU_NEWS']; ?>" class="dropbtn"><?php echo $lang ['MENU_NEWS']; ?></a>
				<div class="dropdown-content">
				  <a href="<?php echo $link['MENU_NEWS_DROPDOWN1'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN1']; ?></a>
				  <a href="<?php echo $link['MENU_NEWS_DROPDOWN2'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN2']; ?></a>
				  <a href="<?php echo $link['MENU_NEWS_DROPDOWN3'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN3']; ?></a>
				  <a href="<?php echo $link['MENU_NEWS_DROPDOWN4'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN4']; ?></a>
				  <a href="<?php echo $link['MENU_NEWS_DROPDOWN5'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN5']; ?></a>
				  <a href="<?php echo $link['MENU_NEWS_DROPDOWN6'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN6']; ?></a>
				  <a href="<?php echo $link['MENU_NEWS_DROPDOWN7'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN7']; ?></a>
				  <a href="<?php echo $link['MENU_NEWS_DROPDOWN8'];?>"><?php echo $lang['MENU_NEWS_DROPDOWN8']; ?></a>
				</div>
			</div>
		  
		  	<div class="dropdown" style="display: inline-block;">
				<a href="<?php echo $link ['MENU_GOVERNANCE']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE']; ?></a>
				<div class="dropdown-content">
				  <a href="<?php echo $link ['MENU_GOVERNANCE_DROPDOWN1']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE_DROPDOWN1']; ?></a>
				  <a href="<?php echo $link ['MENU_GOVERNANCE_DROPDOWN2']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE_DROPDOWN2']; ?></a>
				  <a href="<?php echo $link ['MENU_GOVERNANCE_DROPDOWN3']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE_DROPDOWN3']; ?></a>
				  <a href="<?php echo $link ['MENU_GOVERNANCE_DROPDOWN4']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE_DROPDOWN4']; ?></a>
				  <a href="<?php echo $link ['MENU_GOVERNANCE_DROPDOWN5']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE_DROPDOWN5']; ?></a>
				  <a href="<?php echo $link ['MENU_GOVERNANCE_DROPDOWN6']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE_DROPDOWN6']; ?></a>
				  <a href="<?php echo $link ['MENU_GOVERNANCE_DROPDOWN7']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE_DROPDOWN7']; ?></a>
				  <a href="<?php echo $link ['MENU_GOVERNANCE_DROPDOWN8']; ?>" class="dropbtn"><?php echo $lang ['MENU_GOVERNANCE_DROPDOWN8']; ?></a>
				</div>
			</div>
		  
			<div class="dropdown" style="display: inline-block;">
				<a href="<?php echo $link ['MENU_SYSTEM']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM']; ?></a>
				<div class="dropdown-content">
				  <div class="dropdown-category"><? echo $lang ['MENU_SYSTEM_CATEGORY1'];?></div>
					<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN1']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN1']; ?></a>
					<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN2']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN2']; ?></a>
					<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN3']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN3']; ?></a>
					<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN4']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN4']; ?></a>
				  <div class="dropdown-category"><? echo $lang ['MENU_SYSTEM_CATEGORY2'];?></div>
					<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN5']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN5']; ?></a>
					<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN6']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN6']; ?></a>
					<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN7']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN7']; ?></a>
					<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN8']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN8']; ?></a>
				  <div class="dropdown-category"><? echo $lang ['MENU_SYSTEM_CATEGORY3'];?></div>
				  	<a href="<?php echo $link ['MENU_SYSTEM_DROPDOWN9']; ?>" class="dropbtn"><?php echo $lang ['MENU_SYSTEM_DROPDOWN9']; ?></a>
				  <div class="dropdown-category"><? echo $lang ['MENU_SYSTEM_CATEGORY4'];?></div>
				</div>
			</div>

			<div class="dropdown" style="display: inline-block;">
				<a href="<?php echo $link ['MENU_ABOUT']; ?>" class="dropbtn"><?php echo $lang ['MENU_ABOUT']; ?></a>
				<div class="dropdown-content">
				  	<a href="<?php echo $link['MENU_ABOUT_DROPDOWN1'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN1']; ?></a>
				  	<a href="<?php echo $link['MENU_ABOUT_DROPDOWN2'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN2']; ?></a>
				  	<a href="<?php echo $link['MENU_ABOUT_DROPDOWN3'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN3']; ?></a>
				  	<a href="<?php echo $link['MENU_ABOUT_DROPDOWN4'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN4']; ?></a>
				  	<a href="<?php echo $link['MENU_ABOUT_DROPDOWN5'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN5']; ?></a>
				  	<a href="<?php echo $link['MENU_ABOUT_DROPDOWN6'];?>"><?php echo $lang['MENU_ABOUT_DROPDOWN6']; ?></a>
				</div>
			</div>

			<? if(isset($_SESSION['login_user'])) {?>

			<a href="<?php echo $link ['MENU_MEMBERCENTER']; ?>" style="text-align: center; vertical-align: bottom; margin-top: -10px;"><span class="fa fa-user-circle fontsize-24 Mainbutton"><div class="limit-Text01" style="font-family: 'Roboto', 'sans-serif'; font-size: 12px; margin-top: 5px;">
			<? echo $_SESSION['login_user'];?>
			</div></span></a>

			<? }else{ ?>

			<a href="<?php echo $link ['MENU_MEMBERLOGIN']; ?>"><span class="fa fa-user-circle fontsize-24 Mainbutton"></span></a>

			<? }?>

			<a href="<?php echo $link ['MENU_JOINUS']; ?>" class="button-1"><?php echo $lang ['MENU_JOINUS']; ?></a>
    	
      </td>
    </tr>
  </tbody>
</table>
</header>
<!-- InstanceBeginEditable name="EditRegion3" --><br>
<? require_once("DB/DB_Main_config.php");?>
<?
	$slideshow_sql = "SELECT * FROM xp_index_slideshow";
	$slideshow_result = $Main_conn->query($slideshow_sql);

	$top_stories_sql = "SELECT id,title,content FROM xp_blog_post WHERE 4 AND status = 'public' ORDER BY id DESC LIMIT 4";
	$top_stories = $Main_conn->query($top_stories_sql);
	$top_stories_count = mysqli_num_rows($top_stories);

	$politics_last_post_sql = "SELECT id,title,content FROM xp_blog_post WHERE categories = 'Politics News' AND status = 'public' ORDER BY post_date DESC LIMIT 1";
	$politics_last_post = $Main_conn->query($politics_last_post_sql)->fetch_assoc();
	$economic_last_post_sql = "SELECT id,title,content FROM xp_blog_post WHERE categories = 'Economic News' AND status = 'public' ORDER BY post_date DESC LIMIT 1";
	$economic_last_post = $Main_conn->query($economic_last_post_sql)->fetch_assoc();
	$pvp_last_post_sql = "SELECT id,title,content FROM xp_blog_post WHERE categories = 'PVP News' AND status = 'public' ORDER BY post_date DESC LIMIT 1";
	$pvp_last_post = $Main_conn->query($pvp_last_post_sql)->fetch_assoc();
	$event_last_post_sql = "SELECT id,title,content FROM xp_blog_post WHERE categories = 'Event News' AND status = 'public' ORDER BY post_date DESC LIMIT 1";
	$event_last_post = $Main_conn->query($event_last_post_sql)->fetch_assoc();
	
	$donators_sql = "SELECT * FROM xp_donators ORDER BY id DESC LIMIT 16";
	$donators = $Main_conn->query($donators_sql);
?>
<main>
<div class="slideshow-container">

<?
while($slideshow_row = $slideshow_result->fetch_assoc()) {
?>
<div class="mySlides fade-img">
  	<img src="assets/index/slideshow/<? if(!isset($slideshow_row["image"])){echo "SampleImage-1.jpg";}else{echo $slideshow_row["image"];}?>" alt="<? echo $slideshow_row["title"];?>" style="width:100%">
  	<div class="text"><? echo $slideshow_row["content"];?></div>
</div>
<? } ?>

<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>

</div>
	
<br>	

<div class="container boxType1">
	<h1 style="white-space: normal;"><?php echo $lang ['INDEX_GOV_TITLE']; ?></h1>
	<p style="white-space: normal;"><?php echo $lang ['INDEX_GOV_CONTENT']; ?></p>
</div>

<br>
<br>
<!--	
<div class="container">
<div class="row card-mainTitle" style="background-color: #757575;">
	<div class="col-6">
		<?php echo $lang ['INDEX_DYNMAP_TITLE']; ?>
	</div>
	<div class="col-6" style="text-align: right;">
		<a href="https://104.193.178.18:1234/" target="_blank" class="button"><?php echo $lang ['G_FULLSCREEN']; ?>..</a>
	</div>
</div>
<div class="row" style="background-color: #F5F5F5;">
	<iframe src="https://104.193.178.18:1234/" width="100%" height="350px" style="border: none; padding: 20px;">
		<p>Your browser does not support iframes.</p>
	</iframe>
</div>
</div>
	
<br>
-->
<div class="container">
<div class="row card-mainTitle" style="background-color: #757575;">
	<div class="col-lg-12 col-xl-3">
		<?php echo $lang ['INDEX_TOPSTORIES_TITLE']; ?>
	</div>
</div>
<div class="row" style="background-color: #F5F5F5;">
<? if($top_stories_count > 0) {?>
<? while($top_stories_row = $top_stories->fetch_assoc()) {?>
	<div class="col-lg-12 col-xl-3" style="padding: 1rem; cursor: pointer;" onclick="location.href='https://minecraft.mechcalvin.com/blog/post.php?id=<? echo $top_stories_row['id'];?>';">
		<div class="card">
		<div class="card-header"><? echo $top_stories_row['title'];?></div>
		<div class="card-body limit-Text02">
				<? echo strip_tags($top_stories_row['content']);?>
		</div>
		</div>
	</div>
<? }}else{?>
<div class="col-12" style="padding: 1rem;">
	<h3 style="text-align: center;">NO ANY POST</h3>
</div>
<? }?>
</div>
</div>
	
<br>
	
<div class="container">
<div class="row card-mainTitle" style="background-color: #757575;">
	<div class="col-8">
		<?php echo $lang['DONATORS_LIST_TITLE'];?>
	</div>
	<div class="col-4" style="text-align: right;">
		<a class="button" href="/shop/donators_list.php"><?php echo $lang['G_MORE'];?>..</a>
	</div>
</div>
<div class="row">
	<? while($donators_row = $donators->fetch_assoc()) { ?>
	<div class="col-lg-3 price-columns" style="padding: 8px;">
	  <ul class="price">
		<li class="header <? echo str_replace(' ', '',strtolower($donators_row["package"]));?>"><? echo $donators_row["package"];?></li>
		<li class="grey" style="text-align: center; padding: 0px">
			<div class="overlay_bottom_container" style="padding: 20px;">
				<img src="https://visage.surgeplay.com/face/128/<? echo $donators_row['minecraft_uuid'];?>">
				<? if ($donators_row['upgrade'] == true) {?>
					<span class="fa fa-arrow-circle-o-up" style="position: absolute; right: 10px; bottom: 10px; color: #f1a710;"></span>
				<? }?>
				<div class="overlay_bottom">
					<div class="overlay_bottom_text">
						<p><? echo $donators_row['minecraft_id'];?></p>
						<p><? echo $donators_row['price'];?></p>
					</div>
				</div>
			</div>
		</li>
	  </ul>
	</div>
	<? } ?>
	<br>
</div>
<p style="font-size: 20px;"><span class="fa fa-arrow-circle-o-up fontsize-20" style="color: #f1a710;"></span>&nbsp;:&nbsp;<?php echo $lang['DONATORS_LIST_UPGRADE'];?> </p>
</div>
	
<script>
var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1}    
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";  
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";  
  dots[slideIndex-1].className += " active";
}
</script>

<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  }
}
</script>

<br>

</main>
<!-- InstanceEndEditable -->
<footer class="main-footer">
<br>
<div class="container">
	<div class="row">
		<div class="col-sm-12 col-md-3">
			<img src="assets/X_Platform/X_PlatformV1-logo.png" alt=""/>
			<br>
		</div>
		<div class="col-sm-12 col-md-3">
			<h3><?php echo $lang ['FOOTER_ABOUTUS_TITLE']; ?></h3>
			<div><?php echo $lang ['FOOTER_ABOUTUS_CONTENT']; ?></div>
			<br>
		</div>
		<div class="col-sm-12 col-md-3">
			<h3><?php echo $lang ['FOOTER_OTHERLINK_TITLE']; ?></h3>
			<div><a href="<?php echo $link ['FOOTER_OTHERLINK_LINK1']; ?>"><?php echo $lang ['FOOTER_OTHERLINK_LINK1']; ?></a></div>
			<div><a href="<?php echo $link ['FOOTER_OTHERLINK_LINK2']; ?>"><?php echo $lang ['FOOTER_OTHERLINK_LINK2']; ?></a></div>
			<div><a href="<?php echo $link ['FOOTER_OTHERLINK_LINK3']; ?>"><?php echo $lang ['FOOTER_OTHERLINK_LINK3']; ?></a></div>
			<div><a href="<?php echo $link ['FOOTER_OTHERLINK_LINK4']; ?>"><?php echo $lang ['FOOTER_OTHERLINK_LINK4']; ?></a></div>
			<div><a href="<?php echo $link ['FOOTER_OTHERLINK_LINK5']; ?>"><?php echo $lang ['FOOTER_OTHERLINK_LINK5']; ?></a></div>
			<br>
		</div>
		<div class="col-sm-12 col-md-3">
			<h3><?php echo $lang ['FOOTER_FOLLOWUS_TITLE']; ?></h3>
			<a href="<?php echo $link['FOOTER_FOLLOWUS_FACEBOOK']; ?>"><span class="fa fa-facebook">&nbsp;</span></a>
			<a href="<?php echo $link['FOOTER_FOLLOWUS_YOUTUBE']; ?>"><span class="fa fa-youtube">&nbsp;</span></a>
			<br>
		</div>
		<div class="col-12" style="text-align: left ;vertical-align: middle;">
			<a href="<?php echo $link ['FOOTER_LANGUAGES_SELECT']."?backTo=https://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>"><span class="fa fa-globe">&nbsp;</span><?php echo $lang ['FOOTER_LANGUAGES_SELECT']; ?></a>
		</div>
		<div class="col-12" style="text-align: center;">
		<?php echo $lang ['FOOTER_COPYRIGHT']; ?>
		</div>
	</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-131134713-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-131134713-2');
</script>
<script>
var navStatus = "close";
var mainMenu = document.getElementById("mainMenu");

function toggleNav(x) {
	if(navStatus == "close") {
		document.body.style.transform = "translateX(80%)";
		x.classList.toggle("change");
		navStatus = "open";
	} else {
		document.body.style.transform = "translateX(0%)";
		x.classList.toggle("change");
		navStatus = "close";
	}
}
	
function showSubMenu(Menu) {
	mainMenu.style.transform = "translateX(-100%)";
	Menu.style.display = "inline";
}
	
function showMainMenu(Menu) {
	mainMenu.style.transform = "translateX(0%)";
	Menu.style.display = "none";
}
	
</script>

</body>
<!-- InstanceEnd --></html>
