HOME


Mini Shell 1.0
DIR: /home/islapiiu/sites/forbes/contact-form/img/
Upload File :
Current File : /home/islapiiu/sites/forbes/contact-form/img/view-things-to-do.php.tar
home/islapiiu/sites/araliyagardens/view-things-to-do.php000064400000032410150765051230017431 0ustar00<?php
include_once(dirname(__FILE__) . '/class/include.php');

$id = '';

if (isset($_GET['id'])) {
    $id = $_GET['id'];
}

$THINGS_TO_DO = new ThingsToDo($id);

$ThingsToDo = $THINGS_TO_DO->all();
?>

<!DOCTYPE html>
<html lang="en">
    <head>
        <!--================ Basic page needs ================-->
        <title>Araliya Gardens | <?php echo $THINGS_TO_DO->title; ?></title>
        <meta charset="UTF-8">
        <meta name="author" content="">
        <meta name="description" content="Araliya Gardens, truly an amazing place located near beautiful city Hikkaduwa. Featuring free WiFi and a restaurant, Araliya Gardens offers accommodation in Hikkaduwa, 1.5 Km from the Hikkaduwa Beach. The guest house has a year-round outdoor pool and terrace, and guests can enjoy a meal at the restaurant. Free private parking is available on site.">
        <meta name="keywords" content="things to do, things to do in hikkaduwa, things to do in sri lanka, araliya gardens, hikkaduwa sri lanka, activities in hikkaduwa, activities in sri lanka, destinations in hikkaduwa, destinations in sri lanka<?php foreach ($ThingsToDo as $things_to_do){ echo ','.$things_to_do['title'];}?>">
        <!--================ Mobile specific metas ================-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--================ Favicon ================-->
        <link rel="shortcut icon" href="images/favicon.png">
        <!--================ Google web fonts ================-->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400i,700|Open+Sans:200,300,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i|Frank+Ruhl+Libre:500">
        <!--================ Vendor CSS ================-->
        <link rel="stylesheet" href="css/animate.min.css">
        <link rel="stylesheet" href="css/fontawesome-all.min.css">
        <link rel="stylesheet" href="css/linearicons.css">
        <link rel="stylesheet" href="css/milenia-icon-font.css">
        <link rel="stylesheet" href="vendors/owl-carousel/assets/owl.carousel.min.css">
        <link rel="stylesheet" href="vendors/monkeysan-tooltip/monkeysan-jquery-tooltip.css">
        <link rel="stylesheet" href="vendors/fancybox/jquery.fancybox.min.css">
        <link rel="stylesheet" href="vendors/arcticmodal/jquery.arcticmodal-0.3.css">
        <link rel="stylesheet" href="vendors/mediaelement/mediaelementplayer.min.css">
        <link rel="stylesheet" href="vendors/jquery-ui/jquery-ui.min.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <!--================ Theme CSS ================-->
        <link rel="stylesheet" href="css/style.css">
        <link href="css/styles.css" rel="stylesheet" type="text/css"/>
        <!--================ Vendor JS ================-->
    </head>
    <body class="milenia-body--scheme-lightbrown">
        <div class="milenia-preloader"></div>
        <!--================ Hidden Sidebar ================--><span class="milenia-sidebar-hidden-overlay"></span>
        <?php
        include 'hidden-sidebar.php';
        ?>
        <!--================ End of Hidden Sidebar ================-->
        <div id="milenia-page-wrapper" class="milenia-page-wrapper">
            <!--================ Header ================-->
            <?php
            include 'header1.php';
            ?>
            <!--================ End of Header ================-->
            <!--================ Breadcrumb ================-->
            <div data-bg-image-src="images/banner.jpg" class="milenia-breadcrumb text-center milenia-colorizer--scheme-dark milenia-colorizer--parallax">
                <div class="container">
                    <h1 class="milenia-page-title"><?php echo $THINGS_TO_DO->title; ?></h1>
                    <nav class="milenia-breadcrumb-path">
                        <span><a href="./">Home</a></span>
                        /<span><a href="things-to-do.php">Things To Do</a></span>
                        /<span><?php echo $THINGS_TO_DO->title; ?></span>
                    </nav>
                </div>
            </div>
            <!--================ End of Breadcrumb ================-->
            <div class="milenia-content  ">
                <div class="container">
                    <header class="milenia-page-header milenia-entity-single milenia-entity--room">
                        <div class="row align-items-center milenia-columns-aligner--edges-lg">
                            <div class="col-lg-9">
                                <h1><?php echo $THINGS_TO_DO->title; ?></h1>
                            </div>
                            <div class="col-lg-3">
                                <div class="milenia-entity-meta">
                                </div>
                            </div>
                        </div>
                    </header>
                    <!--================ Content Section ================-->
                    <div class="milenia-section milenia-has-sidebar">
                        <div class="row">
                            <main class="col-lg-9 col-md-8 milenia-entity-single milenia-entity--room">
                                <div class="milenia-entity-content">
                                    <div id="simple-slideshow-1" class="owl-carousel milenia-simple-slideshow">
                                        <?php
                                        $photos = ThingsToDoPhoto::getThingsToDoPhotosById($THINGS_TO_DO->id);
                                        foreach ($photos as $photo) {
                                            ?>
                                            <img alt="" src="upload/things-to-do/gallery/<?php echo $photo['image_name']; ?>">
                                            <?php
                                        }
                                        ?>
                                    </div>
                                    <div data-sync="#simple-slideshow-1" class="owl-carousel owl-carousel--nav-edges owl-carousel--nav-onhover owl-carousel--nav-small milenia-simple-slideshow-thumbs">
                                        <?php
                                        $photos = ThingsToDoPhoto::getThingsToDoPhotosById($THINGS_TO_DO->id);
                                        foreach ($photos as $photo) {
                                            ?>
                                            <img alt="" src="upload/things-to-do/gallery/thumb/<?php echo $photo['image_name']; ?>">
                                            <?php
                                        }
                                        ?>
                                    </div>
                                    <div id="tab-description" tabindex="0" role="tabpanel" aria-labelledby="tab-description-link" class="milenia-tab">
                                        <span class="content"><p><?php echo $THINGS_TO_DO->description; ?></p></span>
                                    </div>
                                </div>
                            </main>
                            <!--================ Sidebar ================-->
                            <aside id="milenia-sidebar" class="milenia-sidebar col-lg-3 col-md-4">
                                <div class="milenia-grid">

                                    <!--================ Widget ================-->
                                    <section class="milenia-grid-item milenia-widget">
                                        <div class="milenia-grid-item-inner">
                                            <div class="milenia-grid-item-content">
                                                <h5 class="milenia-widget-title">Other Things To do</h5>
                                                <!--================ Entities ================-->
                                                <div class="milenia-entities milenia-entities--rooms">
                                                    <!--================ Entity ================-->

                                                    <?php
                                                    foreach ($ThingsToDo as $key => $things_to_do) {
                                                        if ($key < 10) {
                                                            ?>
                                                            <article class="milenia-entity">
                                                                <div class="milenia-entity-media">
                                                                    <a href="view-things-to-do.php?id=<?php echo $things_to_do["id"]; ?>" class="milenia-ln--independent">
                                                                        <img alt="" src="upload/things-to-do/<?php echo $things_to_do['image_name'] ?>"></a>
                                                                </div>
                                                                <div class="milenia-entity-content">
                                                                    <div class="milenia-entity-header">
                                                                        <div class="milenia-entity-meta">
                                                                            <div><?php echo substr($things_to_do['short_description'], 0, 20) . '...'; ?></div>
                                                                        </div>
                                                                        <h2 class="milenia-entity-title">
                                                                            <a href="view-things-to-do.php?id=<?php echo $things_to_do["id"]; ?>" class="milenia-color--unchangeable"><?php echo $things_to_do['title']; ?></a>
                                                                        </h2>
                                                                    </div>
                                                                </div>
                                                            </article>
                                                            <?php
                                                        }
                                                    }
                                                    ?>
                                                </div>
                                                <!--================ End of Entities ================-->
                                            </div>
                                        </div>
                                    </section>
                                    <!--================ End of Widget ================-->
                                </div>
                            </aside>
                            <!--================ End of Sidebar ================-->
                        </div>
                    </div>
                    <!--================ End of Content Section ================-->
                </div>
            </div>
            <!--================ Footer ================-->
            <?php
            include 'footer.php';
            ?>
            <!--================ End of Footer ================-->
        </div>
        <script src="vendors/modernizr.js"></script>
        <script src="vendors/jquery-3.3.1.min.js"></script>
        <script src="vendors/nicescroll/jquery.nicescroll.min.js"></script>
        <script src="vendors/jquery.easing.1.3.min.js"></script>
        <script src="vendors/instafeed.min.js"></script>
        <script src="vendors/instafeed.wrapper.min.js"></script>
        <script src="vendors/monkeysan.accordion.js"></script>
        <script src="vendors/jquery.parallax-1.1.3.min.js"></script>
        <script src="vendors/monkeysan.tabs.min.js"></script>
        <script src="vendors/monkeysan.sameheight.min.js"></script>
        <script src="vendors/monkeysan-tooltip/monkeysan-jquery-tooltip.js"></script>
        <script src="vendors/isotope.pkgd.min.js"></script>
        <script src="vendors/monkeysan.jquery.nav.1.0.min.js"></script>
        <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
        <script src="http://maps.google.com/maps/api/js?key=AIzaSyDe0Jbcnve8wjMa7p4ZzFpKSxCU8pNUjaw&amp;amp;libraries=geometry&amp;amp;v=3.20"></script>
        <script src="vendors/maplace-0.1.3.min.js"></script>
        <script src="vendors/arcticmodal/jquery.arcticmodal-0.3.min.js"></script>
        <script src="vendors/fancybox/jquery.fancybox.min.js"></script>
        <script src="vendors/mediaelement/mediaelement-and-player.min.js"></script>
        <script src="vendors/monkeysan.validator.min.js"></script>
        <script src="vendors/handlebars-v4.0.5.min.js"></script>
        <script src="vendors/mad.customselect.js"></script>
        <script src="vendors/jquery-ui/jquery-ui.min.js"></script>
        <script src="vendors/momentjs/moment.min.js"></script>
        <script src="vendors/retina.min.js"></script>
        <script src="js/modules/milenia.sidebar-hidden.min.js"></script>
        <script src="js/modules/milenia.alert-box.min.js"></script>
        <script src="js/modules/milenia.isotope.js"></script>
        <script src="js/modules/milenia.tabbed-grid.min.js"></script>
        <script src="js/modules/milenia.sticky-header-section.min.js"></script>
        <script src="js/milenia.app.js"></script>
    </body>
</html>
home/islapiiu/sites/holidaytours/view-things-to-do.php000064400000016667150766365750017231 0ustar00<?php
include './class/include.php';

$id = '';
if (isset($_GET['id'])) {
    $id = $_GET['id'];
}
$ACTIVITY = new Activities($id);
?>
<!DOCTYPE html><html lang="zxx">

    <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><?php echo $ACTIVITY->title ?> | Things to Do | Hikkaduwa Holiday Tours</title>
        <meta name="description" content="Jaiga template"/>
        <meta name="author" content="Dsign Elit BD"/>
        <link rel="shortcut icon" href="assets/images/favicon/icon.png"/>
        <link rel="apple-touch-icon-precomposed" href="assets/images/favicon/icon.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/favicon/icon.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/favicon/icon.png"/>
        <link rel="stylesheet" href="assets/flaticons/flaticons-link.css" type="text/css"/>
        <link rel="stylesheet" href="assets/css/apps.min.css" type="text/css"/>
        <link rel="stylesheet" href="assets/css/style.css" type="text/css"/>
        <link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="assets/css/responsive.css" type="text/css"/>
    </head>
    <body class="home1">
        <div id="loader">
            <div class="spinner">
                <div class="dot1">
                </div>
                <div class="dot2">
                </div>
            </div>
        </div>
        <?php include './header.php'; ?>
        <div id="all-area" class="all-section">
            <section class="page-head page-bg" style="background-image: url('assets/images/bg/p1.jpg');">
                <h3 class="page-heading"><?php echo $ACTIVITY->title ?></h3>
                <div class="sub-title">
                    <a href="./">
                        <span>Home</span>
                    </a>
                    <i></i>
                    <a href="things-to-do.php">
                        <span>Things to Do</span>
                    </a>
                    <i></i>
                    <span><?php echo $ACTIVITY->title ?></span>
                </div>
            </section> 
            <div class="page-cat section pb-0">
                <div class="container"> 
                    <div class="row">
                    </div>
                </div>
            </div>
            <div class="page-in section">
                <div class="container"> 
                    <div class="row">
                        <div class="blog">
                        </div>
                        <aside class="sidebar">
                            <div class="col-xs-12 col-sm-12 col-md-8 col-lg-9 view-tour-padding1">
                                <div class="widget">
                                    <div class="wi-side">
                                        <div class="wi-content wi-about">
                                            <div class="wi-about-item">
                                                <div class="abt-img">
                                                    <?php
                                                    $photos = ActivitiesPhoto::getActivitiesPhotosById($id);
                                                    if (count($photos) > 0) {
                                                        ?>
                                                        <div class="owl-carousel owl-theme about">
                                                            <?php
                                                            foreach ($photos as $photo) {
                                                                ?>
                                                                <img src="upload/activity/gallery/<?php echo $photo['image_name']; ?>" alt="<?php echo $photo['caption']; ?>">
                                                                <?php
                                                            }
                                                            ?>
                                                        </div>

                                                        <?php
                                                    }
                                                    ?>
                                                </div>
                                                <div class="view-tour-margin1">
                                                    <?php echo $ACTIVITY->description ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </aside>
                        <div class="widget col-xs-12 col-sm-12 col-md-4 col-lg-3">
                            <div class="wi-side">
                                <?php
                                $other_activities = Activities::getActivitiesWithoutThisID($id);
                                if (count($other_activities) > 0) {
                                    foreach ($other_activities as $activity) {
                                        ?>
                                        <div class="row">
                                            <div>
                                                <a href="view-tour-package.php?id=3">
                                                    <img alt="Dambulla/Sigiriya" class="pull-left view-tour-img" src="upload/activity/thumb2/<?php echo $activity['image_name']; ?>">
                                                </a>
                                                <h6 class="wi-side-font ">
                                                    <a href="view-things-to-do.php?id=<?php echo $activity['id']; ?>">
                                                        <?php echo $activity['title']; ?>                                                                    
                                                    </a>
                                                </h6>
                                                <p>
                                                    <?php echo substr($activity['short_description'], 0, 25) . '...'; ?>                                                             
                                                </p>
                                            </div>
                                        </div>
                                        <?php
                                    }
                                }
                                ?>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
        <?php include './footer.php'; ?>
        <a href="#" class="back-to-top">
            <i class="fas fa-angle-up"></i>
        </a>
        <script src="assets/js/jquery-3.2.1.min.js"></script>
        <script src="assets/js/jquery-migrate-3.0.0.min.js"></script>
        <script src="assets/js/apps.min.js"></script>
        <script src="assets/contact-script/validator.js"></script>
        <script src="assets/contact-script/contact.js"></script>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIXIAltBpyECUqr3TL75QK4itRXCV8KdE" async defer></script>
        <script src="assets/js/custom.js"></script>
    </body>
</html>
home/islapiiu/sites/lasatour/view-things-to-do.php000064400000035036150766636450016322 0ustar00<!DOCTYPE html>
<?php
include './class/include.php';
$id = '';
$id = $_GET['id'];
$ACTIVITYS = new Activities($id);
?>
<html lang="en">
    <head>
        <!-- META -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
       <meta name="description" content="<?php echo $ACTIVITYS->short_description; ?>Sri Lanka Lasa Tours is Reputable and trustworthy holiday partner in Sri Lanka. You can plan your dream vacation the way you want it to be with our Lasa Tours package options. Our chauffeurs are specialist in Russian languages.">
        <meta name="keywords" content="<?php echo $ACTIVITYS->title; ?>, sri lanka round tours, one day tours, tour arrangement, sri lanka lasa tours, lasa tours tour packages, about sri lanka lasa tours, best tour guide in sri lanka,  ">
        <meta name="author" content="Synotec Holdings">
        <!-- PAGE TITLE -->
        <title>Things to do - <?php echo $ACTIVITYS->title ?> | Sri Lanka Lasa Tours</title>
        <!-- BOOTSTRAP CSS -->
        <link rel="stylesheet" href="assets/css/bootstrap.css">
        <!-- ALL GOOGLE FONTS -->
        <link href="https://fonts.googleapis.com/css?family=Rubik:300,500,900" rel="stylesheet">
        <!-- FONT AWESOME CSS -->
        <link rel="stylesheet" href="assets/fonts/line-awesome-font-awesome.min.css">
        <!-- OWL CAROSEL CSS -->
        <link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.css">
        <link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
        <!-- MAGNIFIC CSS -->
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <!-- ANIMATE CSS -->
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <!-- MAIN STYLE CSS -->
        <link rel="stylesheet" href="assets/css/venobox.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="assets/css/style.css">
        <link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
        <!-- color STYLE CSS -->
        <link rel="stylesheet" href="assets/css/color-switcher.css">
        <!-- RESPONSIVE CSS -->
        <link rel="stylesheet" href="assets/css/responsive.css">
        <link rel="stylesheet" type="text/css" href="assets/css/media-queries.css">
        <link href="slider/font-awesome.min.css" rel="stylesheet" type="text/css"/>

    </head>

    <body>


        <?php
        include 'header.php';
        ?>
        <div class="inner-page-header">
            <img src="assets/images/bg/aboutbg.jpg" alt="Inner Page Header" class="full-width">
            <div class="title-breadcrumb">
                <div class="container">

                    <div class="site-page-breadcrumb">
                        <span>
                            <a style="" href="index.php">Home </a> 
                            <a style="" href="things-to-do.php"> <i class="fa fa-angle-double-right"></i> Thing to do </a>
                            <i class="fa fa-angle-double-right"></i> <?php echo $ACTIVITYS->title ?>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <section id="tour" class="tour-area section-paddings">
            <div class="container">
                <div class="container pagecontainer offset-0">
                    <!-- SLIDER -->
                    <div class="row  ">
                        <div class="col-xl-8 col-lg-8 col-md-8 details-slider">
                            <div id="c-carousel">
                                <div id="wrapper">
                                    <div id="inner">
                                        <div id="caroufredsel_wrapper2">
                                            <div id="carousel">
                                                <?php
                                                $ACTIVITY_PHOTO = new ActivitiesPhoto(NULL);
                                                foreach ($ACTIVITY_PHOTO->getActivitiesPhotosById($id) as $activity_photo) {
                                                    ?>
                                                    <img src="upload/activity/gallery/<?php echo $activity_photo['image_name'] ?>" alt="" />
                                                <?php } ?>
                                            </div>
                                        </div>
                                        <div id="pager-wrapper">
                                            <div id="pager">
                                                <?php
                                                $ACTIVITY_PHOTO = new ActivitiesPhoto(NULL);
                                                foreach ($ACTIVITY_PHOTO->getActivitiesPhotosById($id) as $activity_photo) {
                                                    ?>
                                                    <img src="upload/activity/gallery/thumb/<?php echo $activity_photo['image_name'] ?>" width="120" height="68" alt="" />
                                                <?php } ?>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <button id="prev_btn2" class="prev2"><img src="assets/images/spacer.png" alt="" /></button>
                                    <button id="next_btn2" class="next2"><img src="assets/images/spacer.png" alt="" /></button>
                                </div>
                            </div> 
                        </div>
                        <div class="col-md-4">
                            <div class="right-sidebar sidebar">
                                <div class="sidebar-block widget">
                                    <div class="section-title ">
                                        <h2>Other Thing to do </h2>
                                        <div class="title-separator-outer "> 
                                            <div class="title-separator bg-primary style-liner"></div> 
                                        </div>
                                    </div>
                                    <div class="widget-popular">
                                        <?php
                                        $ACTIVITY = new Activities(NULL);
                                        foreach ($ACTIVITY->all() as $key => $activity) {
                                            if ($key < 5) {
                                                ?>

                                                <div class="post-small clearfix">
                                                    <a class="post-img black-hover" href="view-things-to-do.php?id=<?php echo $activity['id'] ?>">
                                                        <img class="img-responsive radius-0" src="upload/activity/<?php echo $activity['image_name'] ?>" alt="">

                                                    </a>
                                                    <div class="post-desc">
                                                        <a  href="view-things-to-do.php?id=<?php echo $activity['id'] ?>"> <h4><?php echo $activity['title'] ?></h4></a>
                                                        <?php echo substr($activity['short_description'], 0, 40) ?>.. 
                                                    </div>
                                                </div>
                                                <?php
                                            }
                                        }
                                        ?>

                                        <a href="things-to-do.php" class=" btn btn-warning pull-left">View All</a>

                                    </div>
                                </div> 
                            </div>        
                        </div>
                    </div>
                </div>
                <!-- END OF container-->
                <div class="container ">
                    <div class="row">  
                        <div class="col-md-12 pagecontainer2 act-details activity-tabs">
                            <h2><?php echo $ACTIVITYS->title ?> </h2>
                            <?php echo $ACTIVITYS->description ?> 
                        </div>
                    </div>
                </div>
                <!-- END OF CONTENT -->
            </div>
        </section>

        <?php
        include 'footer.php';
        ?>
        <div class="scroll-to-up">
            <div class="scrollup">
                <span class="fa fa-chevron-up"></span>
            </div>
        </div>
        <!-- / END SCROOL UP DESIGN AREA -->
        <!-- LATEST JQUERY -->
        <script src="assets/js/jquery.min.js"></script>
        <!-- BOOTSTRAP JS -->
        <script src="assets/js/bootstrap.min.js"></script>
        <!-- OWL CAROUSEL JS  -->
        <script src="assets/owlcarousel/js/owl.carousel.mini.js"></script>
        <!-- MAGNIFICANT JS -->
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!-- MAGNIFICANT JS -->
        <script src="assets/js/isotope.min.js"></script>
        <!-- STEALLER JS -->
        <script src="assets/js/jquery.stellar.min.js"></script>
        <!-- MAGNIFICANT JS -->
        <script src="assets/js/isotope.min.js"></script>
        <!--Image Loded JS-->
        <script src="assets/js/images-loded.min.js"></script>
        <!-- jquery.carouFredSel -->
        <script src="assets/js/jquery.carouFredSel.js"></script>
        <!-- WOW JS -->
        <script src="assets/js/wow.min.js"></script>
        <!-- CONTCAT FORM JS -->
        <script src="assets/js/form-contact.js"></script>
        <script src="assets/js/venobox.min.js"></script>
        <!-- scripts js -->
        <script src="assets/js/scripts.js"></script> 
        <script>


            $(function () {
                var $carousel = $('#carousel'),
                        $pager = $('#pager');

                function getCenterThumb() {
                    var $visible = $pager.triggerHandler('currentVisible'),
                            center = Math.floor($visible.length / 2);

                    return center;
                }


                $carousel.carouFredSel({
                    responsive: true,
                    items: {
                        visible: 1,
                        width: 800,
                        height: (500 / 800 * 100) + 'px'
                    },
                    scroll: {
                        fx: 'crossfade',
                        onBefore: function (data) {
                            var src = data.items.visible.first().attr('src');
                            src = src.split('http://www.shmai.com/large/').join('http://www.shmai.com/small/');

                            $pager.trigger('slideTo', ['img[src="' + src + '"]', -getCenterThumb()]);
                            $pager.find('img').removeClass('selected');
                        },
                        onAfter: function () {
                            $pager.find('img').eq(getCenterThumb()).addClass('selected');
                        }
                    },
                    prev: {
                        button: "#prev_btn2",
                        key: "left"
                    },
                    next: {
                        button: "#next_btn2",
                        key: "right"
                    },
                });
                $pager.carouFredSel({
                    width: '100%',
                    auto: false,
                    height: 120,
                    items: {
                        visible: 'odd'
                    },
                    onCreate: function () {
                        var center = getCenterThumb();
                        $pager.trigger('slideTo', [-center, {duration: 0}]);
                        $pager.find('img').eq(center).addClass('selected');
                    }
                });
                $pager.find('img').click(function () {
                    var src = $(this).attr('src');
                    src = src.split('http://www.shmai.com/small/').join('http://www.shmai.com/large/');
                    $carousel.trigger('slideTo', ['img[src="' + src + '"]']);
                });

            });
        </script>
        <script type="text/javascript">
            function googleTranslateElementInit() {
                new google.translate.TranslateElement({pageLanguage: 'en', autoDisplay: false}, 'google_translate_element'); //remove the layout
            }
        </script>
        <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>


        <script type="text/javascript">
                    function triggerHtmlEvent(element, eventName) {
                        var event;
                        if (document.createEvent) {
                            event = document.createEvent('HTMLEvents');
                            event.initEvent(eventName, true, true);
                            element.dispatchEvent(event);
                        } else {
                            event = document.createEventObject();
                            event.eventType = eventName;
                            element.fireEvent('on' + event.eventType, event);
                        }
                    }
        <!-- Flag click handler -->
                    $('.translation-links a').click(function (e) {
                        e.preventDefault();
                        var lang = $(this).data('lang');
                        $('#google_translate_element select option').each(function () {
                            if ($(this).text().indexOf(lang) > -1) {
                                $(this).parent().val($(this).val());
                                var container = document.getElementById('google_translate_element');
                                var select = container.getElementsByTagName('select')[0];
                                triggerHtmlEvent(select, 'change');
                            }
                        });
                    });

        </script>
    </body>



</html>