<?php
$sql_portal = $db->query("select * from chitaportal where portalID=1");
$res_portal = $db->fetchNextArray($sql_portal);
$eimage = $db->query("SELECT * FROM picturespart where adid='" . $post['id'] . "'");
$image = $db->fetchNextArray($eimage);
?>
<!DOCTYPE html>
<!--
Theme: JANGO - Ultimate Multipurpose HTML Theme Built With Twitter Bootstrap 3.3.5
Version: 1.0.0
Author: Themehats
Site: http://www.themehats.com
Contact: support@themehats.com
Follow: www.twitter.com/themehats
-->
<!--[if IE 9]>
<html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8"/>
	<title><?php echo $res_portal['title']; ?> - <?php echo $post['name']; ?>  </title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta content="" name="description"/>
	<meta content="" name="author"/>
	<!-- BEGIN GLOBAL MANDATORY STYLES -->
	<link
			href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&amp;subset=all'
			rel='stylesheet' type='text/css'>
	<link href="assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/bootstrap-social/bootstrap-social.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/animate/animate.min.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<!-- END GLOBAL MANDATORY STYLES -->
	<!-- BEGIN: BASE PLUGINS  -->
	<link href="assets/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css"/>
	<link href="assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css"/>
	<!-- END: BASE PLUGINS -->
	<!-- BEGIN THEME STYLES -->
	<link href="assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
	<link href="assets/base/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
	<link href="assets/base/css/themes/default.css" rel="stylesheet" id="style_theme" type="text/css"/>
	<link href="assets/base/css/custom.css" rel="stylesheet" type="text/css"/>
	<!-- END THEME STYLES -->
	<link href="img/fav.jpg" rel="shortcut icon">

	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script src="js/markerclusterer.js"></script>
	<script type="text/javascript">

		function initialize(lat,lang,zoom) {
			//var center = new google.maps.LatLng(37.4419, -122.1419);
			var center = new google.maps.LatLng(lat,lang);

			var map = new google.maps.Map(document.getElementById('map'), {
				zoom: zoom,
				center: center,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			});

			var markers = [];
			var infowindow = new google.maps.InfoWindow({
				maxWidth: 160
			});
			var macDoList = [{lat:35.6970118,lng:51.2097329,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"},info:"Head Quarter, Iran"},{lat:49.2562176,lng:-123.1939534,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"},info:"Office Canada"},{lat:-25.2406482,lng:115.0479043,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"},info:"Office australia"},{lat:51.0850967,lng:5.9671934,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"},info:"Office Germany"}];

			for(var i=0;i<4;i++){
				console.log(macDoList[i].lat)
				var latLng = new google.maps.LatLng(
						macDoList[i].lat,
						macDoList[i].lng);
				var marker = new google.maps.Marker({
					position: latLng,
					map: map
				});
				google.maps.event.addListener(marker, 'click', (function(marker, i) {
					return function() {
						infowindow.setContent(macDoList[i].info);
						infowindow.open(map, marker);
					}
				})(marker, i));
				markers.push(marker);
			}

			var markerCluster = new MarkerClusterer(map, markers);
		}


		google.maps.event.addDomListener(window, 'load', initialize);
	</script>
	<style type="text/css">

		#map {
			width: 360px;
			height: 540px;
		}

	</style>
</head>
<body class="" onLoad="initialize(33.4808171,-16.3225208,1);">
<!-- BEGIN: LAYOUT/HEADERS/HEADER-1 -->
<!-- BEGIN: HEADER -->
<?php include("include/pars/header.php"); ?>
<!-- END: HEADER -->
<!-- END: LAYOUT/HEADERS/HEADER-1 -->
<!-- BEGIN: CONTENT/USER/FORGET-PASSWORD-FORM -->
<?php include("include/pars/social.php"); ?>
<!-- END: CONTENT/USER/FORGET-PASSWORD-FORM -->
<!-- BEGIN: CONTENT/USER/SIGNUP-FORM -->

<!-- END: CONTENT/USER/SIGNUP-FORM -->
<!-- BEGIN: CONTENT/USER/LOGIN-FORM -->

<!-- END: CONTENT/USER/LOGIN-FORM -->
<!-- BEGIN: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->

<!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
<!-- BEGIN: PAGE CONTAINER -->
<div class="c-layout-page">
	<!-- BEGIN: LAYOUT/BREADCRUMBS/BREADCRUMBS-3 -->
	<div class="c-layout-breadcrumbs-1 c-bgimage c-subtitle c-fonts-uppercase c-fonts-bold c-bg-img-center"
		 style="background-image: url(<?php echo $image['file']; ?>)">
		<div class="container">
			<div class="c-page-title c-pull-left">
				<h3 class="c-font-uppercase c-font-bold c-font-dark c-font-20 c-font-slim"><?php echo $post['name']; ?></h3>

			</div>
			<ul class="c-page-breadcrumbs c-theme-nav c-pull-right c-fonts-regular">
				<li>
					<a href="index.php" class="c-font-dark">Home</a>
				</li>
				<li class="c-font-dark">
					/
				</li>
				<li class="c-state_active c-font-dark">
					<?php echo $post['name']; ?>
				</li>
			</ul>
		</div>
	</div>
	<!-- END: LAYOUT/BREADCRUMBS/BREADCRUMBS-3 -->
	<!-- BEGIN: PAGE CONTENT -->
	<?php	include("include/pars/menu2.php");?>
	<!-- BEGIN: CONTENT/MISC/ABOUT-2 -->
	<div class="c-content-box c-size-md c-bg-white">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<?php if ($post['id'] == 27) { ?>
						<div class="col-sm-8">
							<div class="">
								<div class="row">
									<div class="col-md-6">
										<ul class="demo-2 effect bg-b-a1">
											<?php
											$eabout12=$db->query("select * from parts where id=28");
											$about12=$db->fetchNextArray($eabout12);?>
											<? $eimage1=$db->query("SELECT * FROM picturespart where adid='28'");
											$image1=$db->fetchNextArray($eimage1); ?>
											<li>
												<h2 class="zero"><?php echo $about12['name'];?></h2>
												<a href="javascript:void(0);" onClick="initialize(35.6970118,51.2097329,16)"><i class="m-icon-aa5"></i></a>
												<p class="zero"><?php echo stripcslashes(nl2br($about12['description'])); ?></p>
											</li>

											<li><img class="top" src="<?php echo $image1['file'];?>" alt=""/></li>
										</ul>
									</div>
									<div class="col-md-6">
										<ul class="demo-2 effect bg-b-a2">
											<?php
											$eabout12a=$db->query("select * from parts where id=29");
											$about12aa=$db->fetchNextArray($eabout12a);?>
											<? $eimage1a=$db->query("SELECT * FROM picturespart where adid='29'");
											$image1a=$db->fetchNextArray($eimage1a); ?>
											<li>
												<h2 class="zero"><?php echo $about12aa['name'];?></h2>
												<a href="javascript:void(0);" onClick="initialize(49.2562176,-123.1939534,16)"><i class="m-icon-aa5"></i></a>
												<p class="zero"><?php echo stripcslashes(nl2br($about12aa['description'])); ?></p>
											</li>

											<li><img class="top" src="<?php echo $image1a['file'];?>" alt=""/></li>
										</ul>
									</div>
								</div>
								<div class="row">
									<div class="col-md-6">
										<ul class="demo-2 effect bg-b-a3">
											<?php
											$eabout12a1=$db->query("select * from parts where id=30");
											$about12aa1=$db->fetchNextArray($eabout12a1);?>
											<? $eimage1a1=$db->query("SELECT * FROM picturespart where adid='30'");
											$image1a1=$db->fetchNextArray($eimage1a1); ?>
											<li>
												<h2 class="zero"><?php echo $about12aa1['name'];?></h2>
												<a href="javascript:void(0);" onClick="initialize(-25.2406482,115.0479043,16)"><i class="m-icon-aa5"></i></a>
												<p class="zero"><?php echo stripcslashes(nl2br($about12aa1['description'])); ?></p>
											</li>

											<li><img class="top" src="<?php echo $image1a1['file'];?>" alt=""/></li>
										</ul>
									</div>
									<div class="col-md-6">
										<ul class="demo-2 effect bg-b-a4">
											<?php
											$eabout12a11=$db->query("select * from parts where id=31");
											$about12aa11=$db->fetchNextArray($eabout12a11);?>
											<? $eimage1a11=$db->query("SELECT * FROM picturespart where adid='31'");
											$image1a11=$db->fetchNextArray($eimage1a11); ?>
											<li>
												<h2 class="zero"><?php echo $about12aa11['name'];?></h2>
												<a href="javascript:void(0);" onClick="initialize(51.0850967,5.9671934,16)"><i class="m-icon-aa5"></i></a>
												<p class="zero"><?php echo stripcslashes(nl2br($about12aa11['description'])); ?></p>
											</li>

											<li><img class="top" src="<?php echo $image1a11['file'];?>" alt=""/></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-4">
							<div id="map-container"><div id="map"></div></div>
						</div>
					<?php } else { ?>
						<p>
							<?php echo stripslashes($post['des']); ?>
						</p>
					<?php } ?>

				</div>
			</div>
			<? if ($post['category'] == 13) { ?>
				<div id="grid-container" class="cbp cbp-l-grid-faq">
					<?php $epics1 = $db->query("select * from album where status='" . $post['id'] . "' order by id desc");
					while ($pics1 = $db->fetchNextArray($epics1)) {
						?>
						<div class="cbp-item buying">
							<div class="cbp-caption">
								<div class="cbp-caption-defaultWrap">
									<i class="fa fa-check-circle-o"></i> <?php echo $pics1['title_en'] ?>
								</div>
								<div class="cbp-caption-activeWrap">
									<div class="col-sm-2">
										<img src="<?php echo $pics1['pic'] ?>" alt="">
									</div>
									<div class="col-sm-10">
										<div class="cbp-l-caption-body">

											<?php echo stripcslashes($pics1['des']); ?>
										</div>
									</div>
								</div>
							</div>
						</div>
					<?php } ?>
				</div>
			<?php } ?>
		</div>

	</div>

	<!-- END: CONTENT/MISC/ABOUT-2 -->
	<!-- BEGIN: CONTENT/MISC/LATEST-ITEMS-4 -->

	<!-- END: CONTENT/MISC/LATEST-ITEMS-4 -->
	<!-- BEGIN: CONTENT/SLIDERS/TEAM-1 -->

	<!-- END: CONTENT/SLIDERS/TEAM-1 -->
	<!-- BEGIN: CONTENT/MISC/SERVICES-1 -->

	<!-- END: CONTENT/MISC/SERVICES-1 -->
	<!-- BEGIN: CONTENT/SLIDERS/CLIENT-LOGOS-1 -->

	<!-- END: CONTENT/SLIDERS/CLIENT-LOGOS-1 -->
	<!-- BEGIN: CONTENT/SLIDERS/TESTIMONIALS-3 -->

	<!-- END: CONTENT/SLIDERS/TESTIMONIALS-3 -->
	<!-- END: PAGE CONTENT -->
</div>
<!-- END: PAGE CONTAINER -->
<!-- BEGIN: LAYOUT/FOOTERS/FOOTER-5 -->
<a name="footer"></a>
<?php include("include/pars/footer.php"); ?>
<!-- END: LAYOUT/FOOTERS/FOOTER-5 -->
<!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
<div class="c-layout-go2top">
	<i class="icon-arrow-up"></i>
</div>
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
<!-- BEGIN: LAYOUT/BASE/BOTTOM -->
<!-- BEGIN: CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="../assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="assets/plugins/jquery.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- END: CORE PLUGINS -->
<!-- BEGIN: LAYOUT PLUGINS -->
<script src="assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
<script src="assets/plugins/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
<script src="assets/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
<script src="assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
<script src="assets/plugins/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<!-- END: LAYOUT PLUGINS -->
<!-- BEGIN: THEME SCRIPTS -->
<script src="assets/base/js/components.js" type="text/javascript"></script>
<script src="assets/base/js/app.js" type="text/javascript"></script>
<script>
	$(document).ready(function () {
		App.init(); // init core
	});
</script>
<!-- END: THEME SCRIPTS -->
<!-- BEGIN: PAGE SCRIPTS -->
<script src="assets/base/js/scripts/pages/faq.js" type="text/javascript"></script>
<!-- END: THEME SCRIPTS -->
script src="assets/base/js/app.js" type="text/javascript"></script>
<script>
wow = new WOW(
		{
			boxClass:     'wow',
			animateClass: 'animated',
			offset:       100
		}
);
wow.init();
</script>
<script type="text/javascript">
	// Create a clone of the menu, right next to original.
	$('.fix-p-menu').addClass('original').clone().insertAfter('.fix-p-menu').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','500').removeClass('original').hide();

	scrollIntervalID = setInterval(stickIt, 10);


	function stickIt() {

		var orgElementPos = $('.original').offset();
		orgElementTop = orgElementPos.top;

		if ($(window).scrollTop() >= (orgElementTop)) {
			// scrolled past the original position; now only show the cloned, sticky element.

			// Cloned element should always have same left position and width as original element.
			orgElement = $('.original');
			coordsOrgElement = orgElement.offset();
			leftOrgElement = coordsOrgElement.left;
			widthOrgElement = orgElement.css('width');
			$('.cloned').css('left',leftOrgElement+'px').css('top',0).css('width',widthOrgElement).show();
			$('.original').css('visibility','hidden');
		} else {
			// not scrolled past the menu; only show the original menu.
			$('.cloned').hide();
			$('.original').css('visibility','visible');
		}
	}
</script>
<script>
	$(".m-logo").hide();
	$(window).scroll(function() {
		if ($(window).scrollTop() > 490) {
			$(".m-logo").show();
		}
		else {
			$(".m-logo").hide();
		}
	});
</script>
<script>
	$(document).ready(function() {
		App.init(); // init core

		// init main slider
		var slider = $('.c-layout-revo-slider .tp-banner');
		var cont = $('.c-layout-revo-slider .tp-banner-container');
		var api = slider.show().revolution({
			delay: 4000,
			startwidth:1170,
			startheight: 620,
			navigationType: "hide",
			navigationArrows: "solo",
			touchenabled: "on",
			onHoverStop: "on",
			keyboardNavigation: "off",
			navigationStyle: "circle",
			navigationHAlign: "center",
			navigationVAlign: "bottom",
			spinner: "spinner2",
			fullScreen: "on",
			fullScreenAlignForce:"on",
			fullScreenOffsetContainer: (App.getViewPort().width < App.getBreakpoint('md') ? '.c-layout-header' : ''),
			shadow: 0,
			fullWidth: "off",
			forceFullWidth: "off",
			hideTimerBar:"on",
			hideThumbsOnMobile: "on",
			hideNavDelayOnMobile: 1500,
			hideBulletsOnMobile: "on",
			hideArrowsOnMobile: "on",
			hideThumbsUnderResolution: 0
		});
	});
</script>
<!-- END: LAYOUT/BASE/BOTTOM -->
</body>
</html>