<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Health Workers Absenteeism</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!--Load the Ajax API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!--tab dependencies-->
<link rel="SHORTCUT ICON" href="images/doctor.png"/>
<script src="js/tinybox.js"></script>

<!-- custom scrollbar stylesheet -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">

<script src="js/jquery.hashchange.min.js" type="text/javascript"></script>
<script src="js/jquery.easytabs.min.js" type="text/javascript"></script>

<style>

ul.downloads li{list-style:none;background:url(images/download_jpeg.png) no-repeat;padding-left:20px;line-height:23px;}

ul.excelworkbook li{list-style:none;background:url(images/download_excel.png) no-repeat;padding-left:20px;line-height:23px;}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}

.tinner {padding:15px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}

.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}

.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}

.tclose:hover {background-position:0 -30px}



#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}

#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}

#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}

#bluemask {background:#4195aa}

#frameless {padding:0}

#frameless .tclose {left:6px}

</style>

<style type="text/css">
strong{font-weight:bold;font-size:16px;}
#container {
width: 1100px;
margin: 0px auto;
overflow:hidden;
background:#fff;
padding-top:10px;
height:auto;
font-family:'Arimo','Roboto';
font-size:14px;

}
body{font-family:'Roboto','Arimo';font-size:14px;}
.heading{font-family:'Roboto';font-size:26px;color:#D8502F;display:block;}
input#submit.btn-primary{
color: #FFF;
background-color: #222;
border-color: #222;
display: inline-block;
margin-bottom: 0px;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 10px 18px;
font-size: 15px;
line-height: 1.42857;
border-radius: 6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
font-family:'Roboto','Arimo',sans-serif;
-moz-user-select: none;
}
.form-control{
display: inline-block;
width: 20%;
height: 43px;
padding: 10px 18px;
font-size: 15px;
line-height: 1.42857;
color: #333;
background-color: #FFF;
background-image: none;
border: 1px solid #CCC;
border-radius: 0px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
margin-right:4%;
font-family:'Roboto','Arimo',sans-serif;	
}
.selectedcounty{
padding: 6px;
border: 1px solid #CCC;
text-align: left;
font-family: "Roboto","Arimo",Helvetica,Arial,sans-serif;
font-size:30px;
background: none repeat scroll 0% 0% #333;
color: #FFF;
font-weight: bold;
display:block;margin-bottom:10px;
}
.statsheading{font-size:16px;color:#fff;background:#428BCA;padding:5px 10px 5px 10px;display:block;font-weight:bold;}
.title{font-size:14px;font-weight:bold;}
#greybg{background:#E6E6E6;padding:20px;margin-top:20px;}
li.thumbnails{
cursor: pointer;float: left;
margin-right: 5px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #D5D5D5;
vertical-align: middle;
box-shadow: 0px 0px 5px #D5D5D5 inset;
list-style:none;
}

/* styles for tabs */
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 8px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.panel-container { margin-bottom: 10px; }
ul{overflow:hidden;}

.blackbutton{
border:0px solid #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:12px;font-family:'Roboto','Arimo'; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
cursor:pointer;
}

.blackbutton:hover{
color:#f5f5f5!important;
border:px solid #FFFFFF;
background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
background-image: -webkit-linear-gradient(top, #646464, #282828);
background-image: -moz-linear-gradient(top, #646464, #282828);
background-image: -ms-linear-gradient(top, #646464, #282828);
background-image: -o-linear-gradient(top, #646464, #282828);
background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
}
</style>

<script type="text/javascript">
$(document).ready( function() {
$('#tab-container').easytabs();
});
</script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="container">

<div id="tab-container" class='tab-container'>
<ul class='etabs'>
<li class='tab'><a href="#health_workers_absenteeism">Health workers absenteeism</a></li>
<li class='tab'><a href="#retained_doctors">Retained doctors</a></li>
<li class='tab'><a href="#health_facilities">Health facilities</a></li>
<li class='tab'><a href="#infographics">Infographics</a></li>
<li class='tab'><a href="#about_app">About the app</a></li>
</ul>
<div class='panel-container'>
<a href="#" target="_blank"><img src="images/absent_doctors_banner.jpg" alt="Absent doctors"/></a>
<div id="health_workers_absenteeism">
<form action="" method="post" enctype="multipart/form-data">
<div style="font-weight:bold;font-size:16px;padding-bottom:10px;">Select your county from the dropdown menu or select Kenya to get nationwide statistics</div>
<?php
include "config.php";

echo "<select class='form-control' id='txtcounty' name='txtcounty'>";
//populate county select
//start of querying db for county
$result = mysqli_query($conDB,"select county  from doctor_absentism order by county asc");
while($row = mysqli_fetch_array($result)){
echo "<option value='".$row["county"]."'>".$row["county"]."</option>";
}
echo "</select>";
include "closedb.php";
?>
<input type="submit" name="submit" id="submit" value="Click to view &raquo;" class="btn-primary">
</form><!--end form-->
</br>
<?php
if ( isset( $_POST['submit'] ) ) {
include 'config.php';
$county=$_POST['txtcounty'];

//trim the variables
$county=trim($county);

//escape the variables
$county=mysqli_escape_string($conDB,$county);

//select from db
$results = mysqli_query($conDB,"select * from doctor_absentism where county='".$county."'");
while($row = mysqli_fetch_array($results)) {
$county=$row['county'];
$staff_present=number_format($row['staff_present']);
$staff_absent=$row['staff_absent'];
$percent_absent=$row['percent_absent'];
$maternity_or_sick_leave=$row['maternity_or_sick_leave'];
$in_training=$row['in_training'];
$official_mission=$row['official_mission'];
$approved_absence=$row['approved_absence'];
$gone_to_retrieve_salary=$row['gone_to_retrieve_salary'];
$not_approved_absence=$row['not_approved_absence'];
$not_on_shift=$row['not_on_shift'];
$all_others=$row['all_others'];
$grand_total=number_format($row['grand_total']);


if ($county!='Kenya'){
echo "<span class=selectedcounty>".$county.'&nbsp;county'."</span>";
}
else
{
echo "<span class=selectedcounty>".$county."</span>";
}

echo "<span class='statsheading'>Reasons for absenteeism</span>";

$sql = mysqli_query($conDB,"SELECT * FROM doctor_absentism where county='$county'");

if (!$sql) {
echo 'Could not run query: ' . mysqli_error();
exit;
}
$row = mysqli_fetch_assoc($sql);

$county=$row['county'];

$maternity_or_sick_leave=$row['maternity_or_sick_leave'];
$in_training=$row['in_training'];
$official_mission=$row['official_mission']; 
$approved_absence=$row['approved_absence'];
$gone_to_retrieve_salary=$row['gone_to_retrieve_salary'];
$not_approved_absence=$row['not_approved_absence'];
$not_on_shift=$row['not_on_shift'];
$all_others=$row['all_others'];     

//give variables to the labels
$countylabel='county';
$maternity_or_sick_leave_label='maternity_or_sick_leave';
$in_training_label='in_training';
$official_mission_label='official_mission';
$approved_absence_label='approved_absence';
$gone_to_retrieve_salary_label='gone_to_retrieve_salary';
$not_approved_absence_label='not_approved_absence';
$not_on_shift_label='not_on_shift';
$all_others_label='all_others';


$countylabel='"'.$countylabel.'"';
$maternity_or_sick_leave_label='"'.$maternity_or_sick_leave_label.'"';
$in_training_label='"'.$in_training_label.'"';
$official_mission_label='"'.$official_mission_label.'"';
$approved_absence_label='"'.$approved_absence_label.'"';
$gone_to_retrieve_salary_label='"'.$gone_to_retrieve_salary_label.'"';
$not_approved_absence_label='"'.$not_approved_absence_label.'"';
$not_on_shift_label='"'.$not_on_shift.'"';
$all_others_label='"'.$all_others.'"';

$county='"'.$county.'"';

$label='"label"';
$type='"type"';
$string='"string"';
$number='"number"';
$cols='"cols"';
$rows='"rows"';
$c='"c"';
$v='"v"';
$maternity_or_sick_leave_col='"Maternity or sick leave"';
$in_training_col='"In training"';
$official_mission_col='"Official mission"';
$approved_absence_col='"Approved absence"';
$gone_to_retrieve_salary_col='"Gone to retrieve salary"';
$not_approved_absence_col='"Not approved absence"';
$not_on_shift_col='"Not on shift"';
$all_others_col='"All others"';

//generate json columns
$group1="{".$label.":".$countylabel.",".$type.":".$string."}".",";
$group2="{".$label.":".$maternity_or_sick_leave_label.",".$type.":".$number."}".",";
$group3="{".$label.":".$in_training_label.",".$type.":".$number."}".",";
$group4="{".$label.":".$official_mission_label.",".$type.":".$number."}".",";
$group5="{".$label.":".$approved_absence_label.",".$type.":".$number."}".",";
$group6="{".$label.":".$gone_to_retrieve_salary_label.",".$type.":".$number."}".",";
$group7="{".$label.":".$not_approved_absence_label.",".$type.":".$number."}".",";
$group8="{".$label.":".$not_on_shift_label.",".$type.":".$number."}".",";
$group9="{".$label.":".$all_others_label.",".$type.":".$number."}";


//generate rows 
$row1="{".$c.":"."["."{".$v.":".$maternity_or_sick_leave_col."}".","."{".$v.":".$maternity_or_sick_leave."}"."]"."}".",";
$row2="{".$c.":"."["."{".$v.":".$in_training_col."}".","."{".$v.":".$in_training."}"."]"."}".",";
$row3="{".$c.":"."["."{".$v.":".$official_mission_col."}".","."{".$v.":".$official_mission."}"."]"."}".",";
$row4="{".$c.":"."["."{".$v.":".$approved_absence_col."}".","."{".$v.":".$approved_absence."}"."]"."}".",";
$row5="{".$c.":"."["."{".$v.":".$gone_to_retrieve_salary_col."}".","."{".$v.":".$gone_to_retrieve_salary."}"."]"."}".",";
$row6="{".$c.":"."["."{".$v.":".$not_approved_absence_col."}".","."{".$v.":".$not_approved_absence."}"."]"."}".",";
$row7="{".$c.":"."["."{".$v.":".$not_on_shift_col."}".","."{".$v.":".$not_on_shift."}"."]"."}".",";
$row8="{".$c.":"."["."{".$v.":".$all_others_col."}".","."{".$v.":".$all_others."}"."]"."}";

$myjsonrows='"rows"'.":"."[".$row1.$row2.$row3.$row4.$row5.$row6.$row7.$row8."]";
$myjsoncols=$cols.":"."[".$group1.$group2.$group3.$group4.$group5.$group6.$group7.$group8.$group9."]".",";
$jsonTable="{".$myjsoncols.$myjsonrows."}";


// convert data into JSON format
$jsonTable = json_encode($jsonTable);
//echo $jsonTable;
?>

<script type="text/javascript">

// Load the Visualization API and the piechart package.
google.load('visualization', '1', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

function drawChart() {

// Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(<?=$jsonTable?>);
var options = {
title: 'Reasons for absentism',
is3D: 'false',
width: 800,
height: 300
};
// Instantiate and draw our chart, passing in some options.
// Do not forget to check your div ID
var formatter = new google.visualization.NumberFormat({pattern:'###,###'} );
formatter.format(data,1);

var formatter = new google.visualization.NumberFormat({pattern:'###,###'} );
formatter.format(data,2);

var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, {chartArea:{left:20,top:40,width:"100%",height:"98%"},title:"",hAxis: {titleTextStyle: {color: '#000'}},width: 750, height: 300,fontName:'Roboto'});
}
</script>
</head>

<body>
<!--this is the div that will hold the pie chart-->
<div id="chart_div"></div>
<br>
<?php

echo "<table>";
echo "<thead>";
echo "<tr>";

echo "</thead>";

echo "<td>"."<span class='statsheading'>".'Absenteeism statistics for health workers'."</span>"."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Staff present:'.'&nbsp;'."</span>".$staff_present."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Staff absent:'.'&nbsp;'."</span>".$staff_absent."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Percent absent:'.'&nbsp;'."</span>".$percent_absent."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Maternity or sick leave:'.'&nbsp;'."</span>".$maternity_or_sick_leave."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'In training:'.'&nbsp;'."</span>".$in_training."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Official mission:'.'&nbsp;'."</span>".$official_mission."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Approved absence:'.'&nbsp;'."</span>".$approved_absence."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Gone to retrieve salary:'.'&nbsp;'."</span>".$gone_to_retrieve_salary."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Not approved absence:'.'&nbsp;'."</span>".$not_approved_absence."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Not on shift:'.'&nbsp;'."</span>".$not_on_shift."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'All others:'.'&nbsp;'."</span>".$all_others."</td>";
echo "</tr>";
echo "<td>"."<span class='title'>".'Grand total:'.'&nbsp;'."</span>".$grand_total."</td>";
echo "</tr>";
echo "</table>";
}
echo "</br>";
include 'closedb.php';
}
?>
<div style="font-weight:bold;font-size:16px;padding-bottom:10px;">Health workers absenteeism mapped. Hover over a county to view statistics</div>
<iframe width="1080" height="580" frameborder="0" src="map.html"></iframe>
<div style="margin-top:5px;margin-bottom:5px;"></div>
<div id="seriesstories">
<div class="blackbutton" style="display:block;margin-bottom:5px;">Series stories</div>
<div style="overflow:hidden;">
<div id="video">
<iframe width="700" height="400" src="//www.youtube.com/embed/dKi5yfmek6c" frameborder="0" allowfullscreen></iframe>
</div><!--end video div-->


<div style="font-size:16px;">
<ul>
<br>
<li><a href="http://www.standardmedia.co.ke/health/article/2000138745/not-on-call-counties-grappling-with-health-workers-skipping-duty-as-residents-suffer" target="_blank">&raquo; Kenyan counties grappling with health workers skipping duty as residents suffer</a></li>

<li><a href="http://www.standardmedia.co.ke/health/article/2000138842/study-staffing-of-medics-is-skewed" target="_blank">&raquo; Staffing of medics is skewed</a></li>

<li><a href="data/absent_doctors.pdf" target="_blank">&raquo; PDF version</a></li>
</ul>
</div>
</div><!--end series stories-->
</div><!--end div-->
</div>
<div id="retained_doctors">
<iframe width="1080" height="700" frameborder="0" src="retained_doctors/retained.php"></iframe>
</div>
<div id="health_facilities">
<iframe width="1080" height="700" frameborder="0" src="health_facilities/index_facilities.php"></iframe>
</div>
<div id="infographics">
<ul>
<li class="thumbnails"onclick="TINY.box.show({image:'images/infographics/01_absenteeism_among_health_workers_by_county.jpg',boxid:'frameless',animate:true,fixed:false,openjs:function(){openJS()}})"><img src="images/infographics/01_absenteeism_among_health_workers_by_county_thumb.jpg"/></li>
<li class="thumbnails"onclick="TINY.box.show({image:'images/infographics/02_why_medical_staff_are_missing_duty.jpg',boxid:'frameless',animate:true,fixed:false,openjs:function(){openJS()}})"><img src="images/infographics/02_why_medical_staff_are_missing_duty_thumb.jpg"/></li>
<li class="thumbnails"onclick="TINY.box.show({image:'images/infographics/03_average_population_served_by_a_single_health_worker.jpg',boxid:'frameless',animate:true,fixed:false,openjs:function(){openJS()}})"><img src="images/infographics/03_average_population_served_by_a_single_health_worker_thumb.jpg"/></li>
<li class="thumbnails"onclick="TINY.box.show({image:'images/infographics/04_average_popl_vs_health_worker_top_10_and_bottom_10_counties.jpg',boxid:'frameless',animate:true,fixed:false,openjs:function(){openJS()}})"><img src="images/infographics/04_average_popl_vs_health_worker_top_10_and_bottom_10_counties_thumb.jpg"/></li>
<li class="thumbnails"onclick="TINY.box.show({image:'images/infographics/05_absenteeism_top_10_and_bottom_10_counties.jpg',boxid:'frameless',animate:true,fixed:false,openjs:function(){openJS()}})"><img src="images/infographics/05_absenteeism_top_10_and_bottom_10_counties_thumb.jpg"/></li>
</ul> 
</div>
<div id="about_app">
<p>This news app translates data into one simple application. It gives statistics about health workers absenteeism both per county and nationwide. It breaks down statistics to the user in the form of a pie chart which shows what portion each reason for absenteeism takes out of all the reasons put together. The app also consists of choropleth map of Kenyan counties mapped by the percentage of health workers absenteeism. The darker the color, the more the percentage of absentee health workers. Clicking on a county on the map brings up a popup of statistics of health worker absenteeism in that county.</p>
<p>The app also has a tab on retained doctors by the medical board. The names of the doctors are arranged in alphabetical order. It also has a search page through which users can search for a doctor by name, registration number, qualifications, etc. Clicking on a doctor name brings up a pop up with the doctor details.</p>
<p>The app also has a tab on Health facilities in Kenya which has a search by various properties like facility name, code, division, type and so on. There is also a tab on health worker absenteeism infographics which contains infographics on health workers absenteeism. This project was facilitated by HIVOS International.</p>
</div>
<br>
<div id="footer" style="overflow:hidden;">
<div id="data-sources" style="font-size:12px;float:left;width:40%;">
<b>Data Sources:</b>
<ul>
<li><a href="data/SARAM_report.pdf">SARAM Report</a></li>
<li><a href="data/SDI_report_Kenya.pdf">Service Delivery Indicators - Where is your Doctor Project</a></li>
<li>The Standard</li>
<li>Individual counties</li>
<li><a href="data/Ehealth_Kenya_facilities.xls">Kenya  Health Information System 2012</a></li>
<li><a href="data/retention_Aug_13_2014.xlsx">Medical Practitioners and Dentists Board (MPDU)</a></li>
<li><a href="data/SDI_report_Kenya.pdf">SDI report Kenya</a></li>
<li><a href="data/WB_Kenya_SDI_country_report_embargoed.pdf">Kenya SDI country report embargoed</a></li>
</ul>

</div>

<div id="about-the-app" style="width:30%;float:right;font-size:12px;margin-top:60px;">
<a class="blackbutton" onclick='TINY.box.show({html:"<p>This news app translates data into one simple application. It gives statistics about health workers absenteeism both per county and nationwide.It breaks down statistics to the user in the form of a pie chart which shows what portion each reason for absenteeism takes out of all the reasons put together.The app also consists of choropleth map of Kenyan counties mapped by the percentage of health worker absenteeism. The darker the color, the more the percentage of absentee health workers. Clicking on a county on the map brings up a popup of statistics of health worker absenteeism in that county.<p>The app also has a tab on retained doctors by the medical board. The names of the doctors are arranged in alphabetical order. It also has a search page through which users can search for a doctor by name, registration number, qualifications, etc. Clicking on a doctor name brings up a pop up with the doctor details.</p>The app also has a tab on Health facilities in Kenya which has a search by various properties like facility name, code, division, type and so on. There is also a tab on health worker absenteeism infographics which contains infographics on health workers absenteeism. This project was facilitated by HIVOS International.</p>",fixed:false,width:400,height:500,opacity:20,topsplit:3})'>About the app</a>
</div><!--about the app-->

</div><!--close footer-->
<br>
<a href="#" target="_blank"><img src="images/absent_doctors_banner.jpg" alt="Absent doctors"/></a>
<div style="font-size:11px;">Built by <a href="https://twitter.com/dancheseret" target="_blank">Dan Cheseret</a> and <a href="http://twitter.com/paulwaf">Paul Wafula</div>
</div>
</div>

</div><!--close container-->
<!-- custom scrollbar plugin -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>

<script>
(function($){
$(window).load(function(){

$("#content-1").mCustomScrollbar({
theme:"minimal"
});

});
})(jQuery);
</script>
<script src="js/jquery-1.11.0.min.js"></script>

</body>
</html>