<center>
	<div class="BackToTop" id="back-to-top"><?= _lang('BACK TO TOP') ?></div>
</center>
<div class="footer">
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-sm-6">
				<div class="FTDescription"><img src="img/whiteLOGO.png" width="auto" height="60px"> <br> <br>
					<p><?=nl2br($site_info["companydesc_".$langcode])?></p>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="FTEmailSub"><span class="FTTitle"><?= _lang('Newsletter') ?></span> <br> <br>
					<?= _lang('Enter your email address') ?>: <br>
					<div class="EmailInputBox">
						<form action="_process.php" method="post" enctype="multipart/form-data" id="LiSubscribeForm">
							<input type="hidden" name="action" value="subscribe"/>
							<input type="text" name="subscribe_email" id="subscribe_email" placeholder="<?= _lang('Email') ?>"> <br>
							<button type="button" class="EmailSubBT" onclick="submit_subscribe_email('LiSubscribeForm');"><?= _lang('Subscribe') ?></button>
						</form>
					</div>
				</div>
			</div>
			<div class="col-md-2 col-sm-6">
				<div class="FTDirectLink"><span class="FTTitle"><?= _lang('Links') ?></span> <br>
					<div class="Links"><a href="aboutus.php"><?= _lang('About Us') ?></a></div>
					<div class="Links"><a href="howItWorks.php"><?= _lang('How it works') ?></a></div>
					<div class="Links"><a href="category.php"><?= _lang('Learn') ?></a></div>

					<?php if(PRODUCTION==0){ ?>
						<div class="Links"><a href="course_category.php"><?= _lang('Music Class') ?></a></div>
					<?php } ?>

					<div class="Links"><a href="job.php"><?= _lang('Job Search / List') ?></a></div>
					<div class="Links"><a href="party_show.php"><?= _lang('Party Show') ?></a></div>
					<div class="Links"><a href="musical_show.php"><?= _lang('Musical Show') ?></a></div>
					<div class="Links"><a href="fee.php"><?= _lang('Fee') ?></a></div>
					<div class="Links"><a href="tip.php"><?= _lang('Tips for instrument selection') ?></a></div>
					<div class="Links"><a href="music_channel.php"><?= _lang('Music Channel') ?></a></div>
					<div class="Links"><a href="faq.php"><?= _lang('FAQ') ?></a></div>
					<div class="Links"><a href="tnc.php"><?= _lang('Terms & Conditions') ?></a></div>
					<div class="Links"><a href="privacy_policy.php"><?= _lang('Privacy Policy') ?></a></div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="ContactInfo"><span class="FTTitle"><?= _lang('Contact Info') ?></span> <br>
					<div class="detail">
						<div class="locationIcon"><img src="img/locationIcon.png"></div>
						<div class="locationaddress">Unit F, 13/F, High Win Factory Building, 47 Hoi Yuen Road, Kwun Tong, Kowloon
						</div>
					</div>
					<div class="detail"><img src="img/PhoneIcon.png"> <a href="tel:34604105" style="color: inherit;">(+852) 3460 4105</a> </div>
					<div class="detail"><img src="img/emailIcon.png"> <a href="mailto:cs@musiccircle.hk" style="color: #fff;">cs@musiccircle.hk</a></div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="FooterBlack">
	<div class="container">
		<div class="row">
			<div class="CopyRight"><?= $site_info["copyright_" . $langcode] ?></div>
			<div class="SocialMedia"><a href="<?= $site_info["fanpage"] ?>" target="_blank"><img src="img/FaceBookIcon.png"></a>
				<!--<a href=""><img src="img/TwitterIcon.png"></a> <a href=""><img src="img/GoolgePlusWhiteIcon.png"></a>-->
			</div>
		</div>
	</div>
</div>

<div id="footer_whatsapp">
	<a href="tel:94460817"> <img src="img/whatsapp.png" style="height: 25px">
		<span>9446 0817</span>&nbsp;
	</a>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/agency.js"></script>

<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>

<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/jquery.duplicate.js"></script>

<script src="js/alertify/alertify.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="js/alertify/alertify.core.css">
<link rel="stylesheet" href="js/alertify/alertify.bootstrap.css">

<script type="text/javascript">
	function submit_subscribe_email(form) {
		var email = $("#subscribe_email",$('#'+form)).val();
		console.log(email);
		jQuery.ajax({
			url: '_ajax.php',
			type: 'POST',
			data: {
				ajax: "subscribe_email",
				email: email
			},
			dataType: 'html', //dataType (default: Intelligent Guess (xml, json, script, or html))
			timeout: 1000,
			error: function (result) {
				//alert('Error Occur. Please try again.');
				console.log(result.responseText);
				alert(result);
			},
			success: function (result) {
				//console.log(result);
				alert(result);
			}
		});
	}

	window.old_alert = window.alert;

	window.alert = function(message, fallback){
		if(fallback)
		{
			old_alert(message);
			return;
		}
		alertify.alert(message.toString());
	};
</script>


<script type='text/javascript'>
	//instant message
	var _smartsupp = _smartsupp || {};

	//_smartsupp.renderTo = 'chat-application';
	_smartsupp.alignX = 'right';
	_smartsupp.alignY = 'side';
	_smartsupp.offsetY = 200; // change offset from top

	_smartsupp.key = '28511d0c04e2252acbe7d485497b3bcffd043226';
	window.smartsupp||(function(d) {
		var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
		s=d.getElementsByTagName('script')[0];c=d.createElement('script');
		c.type='text/javascript';c.charset='utf-8';c.async=true;
		c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
	})(document);

	smartsupp('language','<?=$langcode=="cn"?"tw":"en"?>');

</script>