<?php 
	session_start();
	include 'function_inc.php';
	Setting::current_lang();

	$lang = Setting::switch_lang($_SESSION['bigorange_lang']);
?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Big Orange Hotel | Gallery Page</title>

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="plugins/cssmenu/styles.css">
		<link rel="stylesheet" type="text/css" href="plugins/bx-slider/jquery.bxslider.css">
		<link rel="stylesheet" type="text/css" href="plugins/colorbox/example1/colorbox.css">

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id="header">
			<div id="nav-background">
				<div class="container">
					<div id="cssmenu" class="pull-right col-md-12">
						<ul>
						   <li><a href="index.php"><?php echo $lang['Home'] ?></a></li>
						   <li><a href="room-type.php"><?php echo $lang['Room Type'] ?></a></li>
						   <li><a href="reservation-form.php"><?php echo $lang['Reservation'] ?></a></li>
						   <li><a href="hotel-facilities.php"><?php echo $lang['Facilities'] ?></a></li>
						   <li><a href="wifi-cafe.php"><?php echo $lang['WiFi Cafe'] ?></a></li>
						   <li><a href="local-tourist-attraction.php"><?php echo $lang['Tourist Attraction'] ?></a></li>
						   <li class="active"><a href="javascript:void(0)"><?php echo $lang['Gallery'] ?></a></li>
						   <li><a href="news-update.php"><?php echo $lang['News/Update'] ?></a></li>
						   <li><a href="about-us.php"><?php echo $lang['Profile'] ?></a></li>
						   <li><a href="contact-us.php"><?php echo $lang['Contact'] ?></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container">
				<div id="language" class="pull-right">
					<a class="btn btn-warning btn-sm <?php echo Setting::current_lang_status('en') ? 'active':null; ?>" href="<?php echo Setting::base_url().'/photo-gallery.php?lang=en' ?>"><font class="text-uppercase"><?php echo $lang['En'] ?></font></a>
					<a class="btn btn-warning btn-sm <?php echo Setting::current_lang_status('ch') ? 'active':null; ?>" href="<?php echo Setting::base_url().'/photo-gallery.php?lang=ch' ?>"><font class="text-uppercase"><?php echo $lang['Ch'] ?></font></a>
					<a class="btn btn-warning btn-sm <?php echo Setting::current_lang_status('my') ? 'active':null; ?>" href="<?php echo Setting::base_url().'/photo-gallery.php?lang=my' ?>"><font class="text-uppercase"><?php echo $lang['My'] ?></font></a>
				</div>
				<div class="logo">
					<a href="index.php">
						<img src="img/logo.png">
						<span class="company-name">Big Orange <font class="hotel">Hotel</font></span>
					</a>
				</div>
				<div class="social-icon">
					<ul>
						<li><a href="javascript:void(0)"><img src="img/social-icon/twitter.png"></a></li>
						<li><a target="_blank" href="https://www.facebook.com/pages/Big-Orange-Hotel/302680716601321"><img src="img/social-icon/facebook.png"></a></li>
						<li><a href="javascript:void(0)"><img src="img/social-icon/google.png"></a></li>
					</ul>
				</div>
				<hr class="hidden-xs">
			</div>
		</div>
		<div id="content">
			<div class="container">
				<hr class="visible-xs">
				<h2 class="text-center text-uppercase"><?php echo $lang['Hotel Gallery'] ?></h2>
				<hr>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/001.jpg">
							<div class="ratio" style="background-image:url('img/gallery/001.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/002.jpg">
							<div class="ratio" style="background-image:url('img/gallery/002.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/003.jpg">
							<div class="ratio" style="background-image:url('img/gallery/003.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/004.jpg">
							<div class="ratio" style="background-image:url('img/gallery/004.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/005.jpg">
							<div class="ratio" style="background-image:url('img/gallery/005.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/006.jpg">
							<div class="ratio" style="background-image:url('img/gallery/006.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/034.jpg">
							<div class="ratio" style="background-image:url('img/gallery/034.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/035.jpg">
							<div class="ratio" style="background-image:url('img/gallery/035.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/036.jpg">
							<div class="ratio" style="background-image:url('img/gallery/036.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/037.jpg">
							<div class="ratio" style="background-image:url('img/gallery/037.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/038.jpg">
							<div class="ratio" style="background-image:url('img/gallery/038.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/039.jpg">
							<div class="ratio" style="background-image:url('img/gallery/039.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/007.jpg">
							<div class="ratio" style="background-image:url('img/gallery/007.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/008.jpg">
							<div class="ratio" style="background-image:url('img/gallery/008.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/040.jpg">
							<div class="ratio" style="background-image:url('img/gallery/040.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/010.jpg">
							<div class="ratio" style="background-image:url('img/gallery/010.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/011.jpg">
							<div class="ratio" style="background-image:url('img/gallery/011.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/012.jpg">
							<div class="ratio" style="background-image:url('img/gallery/012.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/013.jpg">
							<div class="ratio" style="background-image:url('img/gallery/013.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/014.jpg">
							<div class="ratio" style="background-image:url('img/gallery/014.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/015.jpg">
							<div class="ratio" style="background-image:url('img/gallery/015.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/016.jpg">
							<div class="ratio" style="background-image:url('img/gallery/016.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/017.jpg">
							<div class="ratio" style="background-image:url('img/gallery/017.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/018.jpg">
							<div class="ratio" style="background-image:url('img/gallery/018.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/019.jpg">
							<div class="ratio" style="background-image:url('img/gallery/019.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/020.jpg">
							<div class="ratio" style="background-image:url('img/gallery/020.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/021.jpg">
							<div class="ratio" style="background-image:url('img/gallery/021.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/022.jpg">
							<div class="ratio" style="background-image:url('img/gallery/022.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/023.jpg">
							<div class="ratio" style="background-image:url('img/gallery/023.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/024.jpg">
							<div class="ratio" style="background-image:url('img/gallery/024.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/025.jpg">
							<div class="ratio" style="background-image:url('img/gallery/025.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/026.jpg">
							<div class="ratio" style="background-image:url('img/gallery/026.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/027.jpg">
							<div class="ratio" style="background-image:url('img/gallery/027.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/028.jpg">
							<div class="ratio" style="background-image:url('img/gallery/028.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/029.jpg">
							<div class="ratio" style="background-image:url('img/gallery/029.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/030.jpg">
							<div class="ratio" style="background-image:url('img/gallery/030.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/031.jpg">
							<div class="ratio" style="background-image:url('img/gallery/031.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/032.jpg">
							<div class="ratio" style="background-image:url('img/gallery/032.jpg')"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/033.jpg">
							<div class="ratio" style="background-image:url('img/gallery/033.jpg')"></div>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a class="gallery" href="img/gallery/009.jpg">
							<div class="ratio" style="background-image:url('img/gallery/009.jpg')"></div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="container">
				<center>
					<h5>
						<?php echo $lang['footer_copyright'] ?>
					</h5>
				</center>
			</div>
		</div>

		<!-- jQuery -->
		<script src="//code.jquery.com/jquery.js"></script>
		<!-- Bootstrap JavaScript -->
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="plugins/cssmenu/script.js"></script>
		<script type="text/javascript" src="plugins/bx-slider/jquery.bxslider.js"></script>
	    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	    <script type="text/javascript" src="plugins/colorbox/jquery.colorbox.js"></script>
	    <script type="text/javascript" src="js/jquery.maskedinput.min.js"></script>
	    <script type="text/javascript">
	    	$(".gallery").colorbox({rel:"gallery"});
	    </script>
	</body>
</html>
