<?php $page_name = basename($_SERVER['PHP_SELF']);
	  error_reporting(0); ?>
<?php $withoutExt = preg_replace('/\\.[^.\\s]{3,4}$/', '', $page_name); ?>
<title>Idyllsourcing</title>
<link rel="icon" href="images\favicon.png" type="image/gif" sizes="16x16">
<?
date_default_timezone_set("Asia/Bangkok");
//echo date_default_timezone_get();

$siteurl="http://www.idyllsourcing.com";
//$siteurl="http://192.168.1.102:3000/idyllsourcing";
if ($page_name=="index.php") {
	$home_active = "active";
	$page_title = "";
	$page_desc = "";
	$page_key = "";
}
if ($page_name=="contact.php") {
	$contact_active = "active";
	$page_title = "";
	$page_desc = "";
	$page_key = "";
	$bannerTitle = "Contact Us";
}
if ($page_name=="about.php") {
	$about_active = "active";
	$page_title = "";
	$page_desc = "";
	$page_key = "";
	$bannerTitle = "About Us";
}
if ($page_name=="hotel.php") {
	$hotel_active = "active";
	$products_active = "active";
	$page_title = "";
	$page_desc = "";
	$page_key = "";
	$bannerTitle = "Products";
}
if ($page_name=="restaurant.php") {
	$restaurant_active = "active";
	$products_active = "active";
	$page_title = "";
	$page_desc = "";
	$page_key = "";
	$bannerTitle = "Products";
}
if ($page_name=="apparel.php") {
	$apparel_active = "active";
	$products_active = "active";
	$page_title = "";
	$page_desc = "";
	$page_key = "";
	$bannerTitle = "Products";
}
if ($page_name=="ladies-apparel.php") {
	$ladies_apparel_active = "active";
	$products_active = "active";
	$page_title = "";
	$page_desc = "";
	$page_key = "";
	$bannerTitle = "Products";
}
if ($page_name=="bathroom.php") {
	$bathroom_active = "active";
	$products_active = "active";
	$page_title = "";
	$page_desc = "";
	$page_key = "";
	$bannerTitle = "Products";
}
?>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US" prefix="og: http://ogp.me/ns#">
<head>
	<title>Idyll Sourcing</title>
	<meta charset="utf-8">
	<!-- animation css -->
	<style>
	  .wow:first-child {
    visibility: hidden;
  }
  #myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 9999;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:  #c1a14f;
  color: white;
  cursor: pointer;
  /* padding: 15px; */
  height:50px;
  width:50px;
  border-radius: 50%;
	text-align: center;
}

	</style>
<link rel="stylesheet" href="css/animate/animate.css">
<link rel="stylesheet" href="css/animate/site.css">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="apple-touch-icon" sizes="32x32" href="<?=$siteurl?>/images/favicon.png">
</head>
<body class="page-<?=$withoutExt?>">
	<div class="navbarWrapper">
		<nav class="navbar navbar-expand-lg">
		<a class="navbar-brand" href="index.php"></a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#MainNavigation" aria-controls="MainNavigation" aria-expanded="false" aria-label="Toggle navigation">
			<label>
				<span class="top-wrap">
					<span class="top-copy"></span>
				</span>
				<span class="bottom-wrap">
					<span class="bottom-copy"></span>
				</span>
			</label>
		</button>

		<div class="collapse navbar-collapse" id="MainNavigation">
			<ul class="navbar-nav ml-auto my-2 my-lg-0">
				<li class="nav-item <?=$home_active?>"><a class="nav-link nav1" href="index.php">Home <span class="sr-only">(current)</span></a></li>
				<li class="nav-item <?=$about_active?>"><a class="nav-link nav2" href="about.php">About Us</a></li>
				<li class="nav-item <?=$products_active?>"><a class="nav-link nav3" href="p.php" >Products</a></li>
				<li class="nav-item <?=$contact_active?>"><a class="nav-link nav4" href="contact.php">Contact Us</a></li>
			</ul>
		</div>
		</nav>
	</div>
	<?php if ($page_name!="index.php"){ ?>
	<div class="bannerInner">
		<h2 class="bannerHeading"><?=$bannerTitle?></h2>
		<nav aria-label="breadcrumb" role="navigation">
			<ol class="breadcrumb">
				<?php include("includes/breadcrumbs.php"); ?>
			</ol>
		</nav>
	</div>
	<script src="js/animate/wow.js"></script>
<script>
  wow = new WOW({
    animateClass: 'animated',
    offset: 100,
    callback: function (box) {
      console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
    }
  });
  wow.init();
  document.getElementById('moar').onclick = function () {
    var section = document.createElement('section');
    section.className = 'section--purple wow fadeInDown';
    this.parentNode.insertBefore(section, this);
  };
</script>


<!-- ///scroll to top -->

<button onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa fa-arrow-up" aria-hidden="true"></i></button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    document.getElementById("myBtn").style.display = "block";
  } else {
    document.getElementById("myBtn").style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}
</script>

	<?php } ?>