<?php
if(!isset($_SESSION)) 
{ 
session_start(); 
} 
if(!isset($_SESSION['is_login']) ){
	header("location: login.php");
?>
<script>
window.location="login.php";
</script>
<?php
}
include('models/translation.class.php');

?>
<!DOCTYPE html>
<html lang="en" dir="<?php echo $DIR; ?>">
<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>Accountant</title>
  <noscript>
      <META HTTP-EQUIV="Refresh" CONTENT="0;URL=java_disabled.html">
  </noscript>
	<!-- Global stylesheets -->
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
	<link href="assets/<?php echo $CSS; ?>/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
	<link href="assets/<?php echo $CSS; ?>/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="assets/<?php echo $CSS; ?>/core.css" rel="stylesheet" type="text/css">
	<link href="assets/<?php echo $CSS; ?>/components.css" rel="stylesheet" type="text/css">
	<link href="assets/<?php echo $CSS; ?>/colors.css" rel="stylesheet" type="text/css">
	<!-- /global stylesheets -->

	<!-- Core JS files -->
	
	<script type="text/javascript" src="assets/js/core/libraries/jquery.min.js"></script>
	<script type="text/javascript" src="assets/js/core/libraries/bootstrap.min.js"></script>
	
	<!-- /core JS files -->

<style>



html {  background: #e1dee6;
}
body {
  background: #fafafa;
  color:#333;
  padding-top:0px !important;
}

#demo {
  width: 99%;
  margin:10px auto;
  /*border:1px solid red;*/

}

 #demo { text-align: center; }
 #demo ul { display:inline-table; top:50px }
 #demo li { display:inline; }



nav ul {
  /*border:1px solid red;*/
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  position: relative;
}
nav ul li {
    float: left;
    /*border-radius: 40px;*/
    margin:2px;
  }
nav ul li i {
    opacity: 0.7;
  }
nav ul li i:hover {
    opacity: 1;
    color:white;
  }

@media (min-width: 768px) {

nav ul li a {
      text-decoration: none;
      color: #FFF;
      display: block;
      width: 200px;
      height: 190px;
      /*background-image: url(css/icons.png); background-repeat: no-repeat;*/
    }




nav ul li a i {
    font-size: 100px !important;
    height: 100px;
    position: relative;
    top: 20px !important;
    color:white;
    width: 100%;
    display: block;
    /*border:1px solid red;*/


}

nav ul li a span {
          font-size: 20px !important;
          font-weight: lighter;
          text-transform: uppercase;
          padding: 0px;
          position: relative;
          top: 25px;
          text-align: center;
          /*border: 1px solid red;*/
        }

   }

@media (max-width: 768px) {

nav ul li a {
      text-decoration: none;
      color: #FFF;
      display: block;
      width: 145px;
      height: 150px;
      /*background-image: url(css/icons.png); background-repeat: no-repeat;*/
    }




nav ul li a i {
    font-size: 70px;
    height: 100px;
    position: relative;
    top: 10px;
    color:white;
    width: 100%;
    display: block;
    /*border:1px solid red;*/


}

nav ul li a span {
          font-size: 20px !important;
          font-weight: lighter;
          text-transform: uppercase;
          padding: 0px;
          position: relative;
          top: 15px;
          text-align: center;
          /*border: 1px solid red;*/
        }

   }

   @media (max-width: 415px) {

nav ul li a {
      text-decoration: none;
      color: #FFF;
      display: block;
      width: 175px;
      height: 180px;
      margin-left: 15px;
      /*background-image: url(css/icons.png); background-repeat: no-repeat;*/
    }




nav ul li a i {
    font-size: 90px !important;
    height: 100px;
    position: relative;
    top: 10px !important;
    color:white;
    width: 100%;
    display: block;
    /*border:1px solid red;*/


}

nav ul li a span {
          font-size: 20px !important;
          font-weight: lighter;
          text-transform: uppercase;
          padding: 0px;
          position: relative;
          top: 15px;
          text-align: center;
          /*border: 1px solid red;*/
        }

   }

.page-title {
    padding: 16px 36px 16px 0;
    
}

html[dir="rtl"] #demo li {
  float: right !important;

}

 #demo li {
  float: left !important;

}

.offline-title {
    font-size: 90px;
}

.error-title {
    color: #fff;
    font-size: 100px;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 600;
  }

 .heading-elements:not(.not-collapsible), .breadcrumb-elements:not(.not-collapsible) {
       display: block !important; 
  }

  .heading-elements:not(.not-collapsible) {
      position: absolute !important;
      margin-top: 0;
      height: auto;
  }

  @font-face {
      font-family: "Noto Kufi Arabic";
      src: url(assets/custom_font/NotoKufiArabic-Bold.ttf) format("truetype");
    }

</style>
</head>

<body style=" font-family: 'Noto Kufi Arabic', Times, serif;">



	<!-- Page header -->
	<div class="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4>
					
					<span class="text-semibold multi_lang">الرئيسية</span> 
					<small class="display-block" id="welcome"><span class="multi_lang">مرحبا</span> <?php echo $_SESSION['username']; ?></small>
				</h4>
			</div>

			<div class="heading-elements">
				<div class="heading-btn-group">
					<a href="index.php?p=profile" class="btn btn-link btn-float has-text text-size-small"><i class="icon-cog6 text-indigo-400"></i> <span class="multi_lang">صفحتي الشخصية</span></a>
					<a href="models/logout.php" class="btn btn-link btn-float has-text text-size-small"><i class="icon-switch2 text-indigo-400"></i> <span class="multi_lang">تسجيل الخروج</span></a>
				</div>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Page container -->
	<div class="page-container">

		<!-- Page content -->
		<div class="page-content">

			<!-- Main content -->
			<div class="content-wrapper">

				


				<!-- Dashboard content -->
				
					<div id="demo">
						<!-- <img src="image/sys/starter.jpg" style="height: 160px; "> -->
            <!-- <h1>
              <span class="text-semibold">Accountant System</span>
              <small class="display-block" >KeenTech </small> 
            </h1> -->
            <!-- Error title -->
        <div class="text-center " style="margin-top: -20px;">
         
          <h5 class=" multi_lang" style="font-size: 30px; ">نظام ادارة المندوبين</h5>
        </div>
        <!-- /error title -->
						<nav style="margin-top: -55px;">

							<ul class='menu'>
							<?php

							 $permission  = explode(',',$_SESSION['permission_id']);
               
               asort($permission);
              
						foreach ($permission as $key ) { }?>

							<?php if($key == 1 || $key==26){	}?>

            <?php if(in_array(1,$permission) || in_array(2,$permission)){ ?>

              
                  <div class="col-sm-6 col-md-3">
                    <a href="index.php?p=dashboard" >
                      <div class="panel panel-body bg-indigo-400 has-bg-image">
                        <div class="media no-margin">
                          <div class="media-right media-middle">
                            <i class="icon-display4 icon-3x opacity-75"></i>
                          </div>

                          <div class="media-body text-right">
                            <h3 class="no-margin multi_lang">لوحة المراقبة</h3>
                            <span class="text-uppercase text-size-mini multi_lang">Dashboard</span>
                          </div>
                        </div>
                      </div>
                    </a>
                  </div>
               
							<?php } ?>


              <?php if(in_array(1,$permission) || in_array(3,$permission)){ ?>

              
                  <div class="col-sm-6 col-md-3">
                    <a href="index.php?p=report" >
                      <div class="panel panel-body bg-indigo-400 has-bg-image">
                        <div class="media no-margin">
                          <div class="media-right media-middle">
                            <i class="icon-pie-chart3 icon-3x opacity-75"></i>
                          </div>

                          <div class="media-body text-right">
                            <h3 class="no-margin multi_lang">تقارير عامة</h3>
                            <span class="text-uppercase text-size-mini multi_lang">Report</span>
                          </div>
                        </div>
                      </div>
                    </a>
                  </div>
               
              <?php } ?>

             
             

							
              <?php if(in_array(1,$permission) || in_array(4,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=category" >
                  <div class="panel panel-body bg-indigo-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-tree7 icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">الفئات</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Category</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>

							<?php } ?>

              <?php if(in_array(1,$permission) || in_array(10,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=product" >
                  <div class="panel panel-body bg-indigo-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-dropbox icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">المواد</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Products</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
							<?php } ?>


              <?php if(in_array(1,$permission) || in_array(5,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=city" >
                  <div class="panel panel-body bg-indigo-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-city icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">المحافظات</h3>
                        <span class="text-uppercase text-size-mini multi_lang">City</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>

              

              <?php if(in_array(1,$permission) || in_array(15,$permission)){ ?>


              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=zone" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-office icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">المناطق</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Zone</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>

              <?php } ?>

              

              <?php if(in_array(1,$permission) || in_array(20,$permission)){ ?>


              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=sub_zone" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-office icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">المناطق الفرعية</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Sub Zone</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>

              <?php } ?>

              

              <?php if(in_array(1,$permission) || in_array(21,$permission)){ ?>


              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=quarter" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-office icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">الاحياء</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Quarter</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>

              <?php } ?>

              

              <?php if(in_array(1,$permission) || in_array(24,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=street" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-office icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">الشوارع</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Street</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>

              <?php if(in_array(1,$permission) || in_array(6,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=class" >
                  <div class="panel panel-body bg-indigo-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-grid5 icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">Doctor Class</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Doctor Class</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>

              <?php if(in_array(1,$permission) || in_array(12,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=sub_class" >
                  <div class="panel panel-body bg-indigo-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-grid-alt icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">Doctor Sub Class</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Doctor Sub Class</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>

              <?php if(in_array(1,$permission) || in_array(19,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=specialty" >
                  <div class="panel panel-body bg-indigo-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-grid5 icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">تخصصات الاطباء</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Doctor Specialty</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>

              
              <?php if(in_array(1,$permission) || in_array(7,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=doctor" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-repo-forked icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">الاطباء</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Doctors</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
							<?php } ?>

              <?php if(in_array(1,$permission) || in_array(17,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=doctor_duplicate" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-repo-forked icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">معالجة تكرار الاطباء</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Doctors</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>


              <?php if(in_array(1,$permission) || in_array(8,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=pharmacy" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-store icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">الصيدليات</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Pharmacy</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>

              <?php if(in_array(1,$permission) || in_array(18,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=pharmacy_duplicate" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-store icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">معالجة تكرار الصيدليات</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Pharmacy</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>


              <?php if(in_array(1,$permission) || in_array(13,$permission)){ ?>

 
              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=teamleader" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-user-tie icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">TeamLeaders</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Teamleader</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>

              <?php if(in_array(1,$permission) || in_array(11,$permission)){ ?>

 
              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=saleman" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-man icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">المندوبين</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Saleman</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>

              
              

              
              <?php if(in_array(1,$permission) || in_array(9,$permission)){ ?>

              

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=plan" >
                  <div class="panel panel-body bg-teal-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-folder-check icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">الخطط</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Plans</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>

              <?php } ?>

              <?php if(in_array(1,$permission) || in_array(14,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=visit" >
                  <div class="panel panel-body bg-teal-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-file-text2 icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">تقرير المندوب</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Saleman Report</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>  

              <?php if(in_array(1,$permission) || in_array(16,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=visit_delivery" >
                  <div class="panel panel-body bg-teal-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-file-text2 icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">تقرير تسليم المواد</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Deliver Product</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>             



             
              <?php if(in_array(1,$permission) || in_array(22,$permission)){ ?>


              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=users" >
                  <div class="panel panel-body bg-grey-300 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-users icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">مستخدمي النظام</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Staff</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              
              <?php } ?>

              <?php if(in_array(1,$permission) || in_array(23,$permission)){ ?>

              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=setting" >
                  <div class="panel panel-body bg-grey-300 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-cog6 icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">اعدادات النظام</h3>
                        <span class="text-uppercase text-size-mini multi_lang">System Setting</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>


             



              <?php if(in_array(1,$permission) || in_array(27,$permission)){ ?>


              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=languages" >
                  <div class="panel panel-body bg-grey-300 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-earth icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">Languages</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Languages</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>


              <?php if(in_array(1,$permission) || in_array(27,$permission)){ ?>


              <div class="col-sm-6 col-md-3">
                <a href="index.php?p=translation" >
                  <div class="panel panel-body bg-grey-300 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-ampersand2 icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">Translation</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Translation</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <?php } ?>






              






              



              <?php if(in_array(1,$permission) || in_array(21,$permission)){ ?>

             <!--  <div class="col-sm-6 col-md-3">
                <a href="index.php?p=translation" >
                  <div class="panel panel-body bg-danger-400 has-bg-image">
                    <div class="media no-margin">
                      <div class="media-right media-middle">
                        <i class="icon-ampersand2 icon-3x opacity-75"></i>
                      </div>

                      <div class="media-body text-right">
                        <h3 class="no-margin multi_lang">الترجمة</h3>
                        <span class="text-uppercase text-size-mini multi_lang">Translation</span>
                      </div>
                    </div>
                  </div>
                </a>
              </div> -->
              <?php } ?>

              
        
							</ul>

						</nav>
					</div>

					
				
				<!-- /dashboard content -->

			</div>
			<!-- /main content -->

		</div>
		<!-- /page content -->

	</div>
	<!-- /page container -->

<footer id="footer" >
         <div class="text-center  clearfix">
            <p> <small><a href="#" target="_blank" >Ahmed</a> for IT Services and Solutions
            <br>&copy; <?php echo date("Y"); ?></small> </p>
         </div>
</footer>

<script type="text/javascript">

   $(document).ready(function(){
// alert()

      var colors = ['#ff4444',
                    '#ffbb33',
                    '#00C851',
                    '#33b5e5',
                    '#2BBBAD',
                    '#4285F4',
                    '#aa66cc',
                    '#3F729B',
                    '#CC0000',
                    '#FF8800',
                    '#007E33',
                    '#0099CC',
                    '#00695c',
                    '#0d47a1',
                    '#9933CC',
                    '#2E2E2E',
                    '#4B515D',
                    '#3F729B',
                    '#37474F'];

      $('.menu').each(function(i){
       $(this).find('li').each(function(i){
           //alert(i)
          $(this).css({'background':colors[i]})
        });
      });

$('nav ul li ').mouseenter(function(){
  $(this).find('a').css({'text-decoration':'none','color':'white'})
})

  });


    Auto_Translate();

</script>

</body>
</html>
