<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package zerif
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<?php if(isset($_POST['scrollPosition'])): ?>
	<body <?php body_class(); ?> onLoad="window.scrollTo(0,<?php echo $_POST['scrollPosition']; ?>)">
<?php else: ?>
	<body <?php body_class(); ?> >
<?php endif; ?>

<!--<img class="vegas-background" src="<?php echo get_template_directory_uri(); ?>/images/backgrounds/bg1.jpg">-->
<!-- =========================
   PRE LOADER       
============================== --><?php	 global $wp_customize; if(is_front_page() && !isset( $wp_customize )): ?>
<div class="preloader">
  <div class="status">&nbsp;</div>
</div><?php endif; ?>

<header id="home" class="header">
	<div id="main-nav" class="navbar navbar-inverse bs-docs-nav" role="banner">
		<div class="container">
			<div class="navbar-header responsive-logo">
				<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				</button>
				
				<?php
					$zerif_logo = get_theme_mod('zerif_logo');
					if(isset($zerif_logo) && $zerif_logo != ""):
						echo '<a href="'.esc_url( home_url( '/' ) ).'" class="navbar-brand">';
							echo '<img src="'.$zerif_logo.'" alt="'.get_bloginfo('title').'">';
						echo '</a>';
					else:
						echo '<div class="header_title">';	
							echo '<h1 class="site-title"><a href="'.esc_url( home_url( '/' ) ).'" title="'.esc_attr( get_bloginfo( 'name', 'display' ) ).'" rel="home">'.get_bloginfo( 'name' ).'</a></h1>';
							echo '<h2 class="site-description"><a href="'.esc_url( home_url( '/' ) ).'" title="'.esc_attr( get_bloginfo( 'name', 'display' ) ).'" rel="home">'.get_bloginfo( 'description' ).'</a></h2>';
						echo '</div>';
					endif;
				?>
				
			</div>
			<nav class="navbar-collapse bs-navbar-collapse collapse" role="navigation" style="height: 1px;" id="site-navigation">
				<?php wp_nav_menu( array('theme_location' => 'primary', 'container' => false, 'menu_class' => 'nav navbar-nav navbar-right responsive-nav main-nav-list' ,'fallback_cb'     => 'zerif_wp_page_menu')); ?>
			</nav>
		</div>
	</div>
	<!-- / END TOP BAR -->