<?php
/**
 * The header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package tos
 */

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('template_directory'); ?>/img/favicon.ico">
<?php wp_head(); ?>

<!--[if lt IE 9]>
  <script>
    document.createElement('video');
  </script>
<![endif]-->

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-5768662-14', 'auto');
  ga('send', 'pageview');
</script>

</head>

<body data-spy="scroll" data-target="#navbar" <?php body_class(); ?>>
<div id="wrapper" class="hfeed site">
	
	<!-- Start Header Section -->     
    <header class="main-header">
    
    <!-- Fixed navbar -->
    		<img class="top-10" src="<?php bloginfo('template_directory'); ?>/img/top-10-countries.png" alt="Serbia | Top 10 Countries">
        <nav class="navbar navbar-default navbar-fixed-top">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
               <div class="mobile-nav">
                    <li>
                       <a class="search"><i class="fa fa-search"></i></a>
                    </li>
                    <li class="lang">
                    	<?php languages_list_header(); ?>
                    </li>
               </div>
              <a class="navbar-brand" href="<?php bloginfo('url'); ?>/"><img class="img-responsive" src="<?php bloginfo('template_directory'); ?>/img/Logo.png" alt="myserbia"></a>
            </div>
            <div class="container">
                <div id="navbar" class="navbar-collapse collapse">
                    
                     <ul class="nav navbar-nav">
                        <li><a href="<?php echo (is_front_page())?"#home":site_url(); ?>"><?php _e( 'Home', 'tos' ); ?></a></li>
                        <li><a href="<?php echo (is_front_page())?"":site_url(); ?>#about"><?php _e( 'About', 'tos' ); ?></a></li>
                        <li><a href="<?php echo (is_front_page())?"":site_url(); ?>#team"><?php _e( 'Meet the bloggers', 'tos' ); ?></a></li>
                        <li><a href="<?php echo (is_front_page())?"":site_url(); ?>#smw"><?php _e( 'SM Wall', 'tos' ); ?></a></li>
                        <li><a href="#blog-slider"><?php _e( 'Blog', 'tos' ); ?></a></li>
                        <li><a href="<?php echo (is_front_page())?"":site_url(); ?>#video"><?php _e( 'Videos', 'tos' ); ?></a></li>
                      </ul>

                      <!-- Start Social Links -->
                      <ul class="social-list">
                         <div class="mobile-nav-pc">
                          <li>
                             <a class="search"><i class="fa fa-search"></i></a>
                          </li>
                          <li class="lang">
                            <?php languages_list_header(); ?>
                          </li>
                          </div>
                          <?php
														$myserbia_facebook = get_field('myserbia_facebook', 4);
														$myserbia_twitter = get_field('myserbia_twitter', 4);
														$myserbia_pinterest = get_field('myserbia_pinterest', 4);
														$myserbia_instagram = get_field('myserbia_instagram', 4);
													?>
                          <?php if (!empty($myserbia_facebook)) : ?>
                          	<li><a href="<?php echo $myserbia_facebook; ?>" target="_blank" data-original-title="Facebook"><i class="fa fa-facebook"></i></a></li>
                          <?php endif; ?>
                          <?php if (!empty($myserbia_twitter)) : ?>
                          	<li><a href="<?php echo $myserbia_twitter; ?>" target="_blank" data-original-title="Twitter"><i class="fa fa-twitter"></i></a></li>
													<?php endif; ?>
                          <?php if (!empty($myserbia_pinterest)) : ?>
                          	<li><a href="<?php echo $myserbia_pinterest; ?>" target="_blank" data-original-title="Pinterest"><i class="fa fa-pinterest-p"></i></a></li>
                          <?php endif; ?>
                          <?php if (!empty($myserbia_instagram)) : ?>
                          	<li><a href="<?php echo $myserbia_instagram; ?>" target="_blank" data-original-title="Instagram"><i class="fa fa-instagram"></i></a></li>
                          <?php endif; ?>
                      </ul>
                      <!-- End Social Links -->

                   </div><!--/.nav-collapse --> 
                        
            </div><!--/container---->

            <div class="search-area">
             <a class="navbar-brand" href="<?php bloginfo('url'); ?>/"><img class="img-responsive" src="<?php bloginfo('template_directory'); ?>/img/Logo.png" alt="myserbia"></a>
              <div class="container">
                  
                       <form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
                          <label class="sr-only"><?php _e( 'SEARCH:', 'tos' ); ?></label>
                          <div class="input-group">
                              <input id="searchInput" type="search" value="" name="s" class="search-field form-control" placeholder="Search" required>
                              <span class="input-group-btn">
                                <button type="submit" class="search-submit btn "><span class="search-icon"></span></button>
                              </span>
                          </div>
                      </form>
                           
              </div>
            </div>
          
          </div><!--/container-fluid---->
        </nav>

    </header> 
    <!-- End Header Section -->
	
	
	
	<div id="home"></div>
	<div id="content" class="site-content">
