<?php
	global $koto_burl, $koto_turl, $koto_furl;
	$koto_burl = home_url();
	$koto_turl = get_template_directory_uri();
	$theme_url = get_template_directory_uri();
	$koto_furl = dirname(__FILE__);
	$logo = get_option('vernissage_theme_logo_main');
	if(empty($logo)) $logo= $theme_url.'/images/logo.png';
	$kk_pos = get_option('vernissage_theme_con_pos');
	$kk_m_pos = get_option('vernissage_theme_menu_pos');
	if(empty($kk_pos)) $kk_pos= 'kk-right';
	if(empty($kk_m_pos)) $kk_m_pos= 'kk-m-right';
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>

<!-- start head -->
<head>
	<!-- start favicon -->
	<link rel="icon" href="<?php echo get_option("vernissage_theme_favicon")?>" type="image/x-icon" />
	
	<!-- start meta -->
	
	<?php if (get_option('vernissage_theme_con_res') == 'false') { ?>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<?php } ?>
	
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	
	<!-- start title -->
	<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?> | <?php bloginfo('description'); ?></title>
		
	
	<!-- start pingbacks -->
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
	
	<?php wp_head(); ?>
	
	
</head>
<!-- end head -->


<!-- start body -->
<body <?php body_class() ?> id="<?php echo $kk_pos ?>" >

	<?php
		if (is_home() || is_search() || is_category() || is_tag() || is_date() || is_author()) {
	$postid = get_option('page_for_posts');
	} else if( is_tax( 'portfolio-type' ) ) {
		$postid = portfolioID();
	} else {
		$postid = $wp_query->post->ID;
	}

	if(get_option('vernissage_theme_fullscreen_dotted_pat') =='true'): ?>
		
		<?php if (get_post_meta($postid, '_gallery_layout_value', true) != 'Fullscreen' & get_post_meta($postid, '_gallery_layout_value', true) != 'Fullheight' & get_post_meta($postid, '_gallery_layout_value', true) != 'Fullscreen-Grid') {?>
		
		<!-- start dotted pattern -->
			<div class="bg-overlay"></div>
		<!-- end dotted pattern -->	
		
		<?php } ?>
		
	<?php endif; ?>


	<!-- load background images if IE7 or IE8 detected -->
	<?php 
	$bg_image = get_post_meta($postid, '_bg_image_value', true);
	
	if($bg_image) { 		
		$bg_size = get_post_meta($postid, '_custom_bg_size_value', true); 
	} else {
		$bg_image = get_option('vernissage_theme_default_background_image');		
		$bg_size = get_option('vernissage_theme_default_background_size');
	}
	
	if ( (detectIE() & $bg_size === 'full' & $bg_image != '') || (detectIE() & $bg_size === 'Full' & $bg_image != ''))  {
	
		?>
		
		<img id="fullbg" src="<?php echo $bg_image ?>" alt="" title="" />		
		
	<?php } ?>
	
	<!-- start header -->
	
	<?php 
	
		if (get_option('vernissage_theme_menu_pos_f') == 'true') {
			$menu_pos_f = 'kk-menu-fixed';
		} else {
			$menu_pos_f = 'kk-menu-static';
		} ?>
	
	<div class="menu-wrapper clearfix" id="<?php echo $menu_pos_f ?>" >
	
		<div class="top-bg"></div>
	
		<!-- start logo -->
		<div class="logo">
			<a href="<?php echo home_url(); ?>">
				<img src="<?php echo $logo ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" />
			</a>
		</div>
		<!-- end logo -->
		
		<?php 
        $user_agent = $_SERVER['HTTP_USER_AGENT'];
        if (  !( stristr($user_agent, 'MSIE 7.0') || stristr($user_agent, 'MSIE 8.0') )  ) { 
        ?>

		<!--- srart slider/menu wrapper -->
		<div class="sl-nav-wrapper">
		
				
			<!-- background audio -->
			<?php if (get_post_meta($postid, '_bg_audio_value', true) !="") : ?>
			<div class="audio-ctrl">
			<div class="m-pause">
				<a class="bt" id="pause_play" href="#" title="<?php _e('Play/Pause Music','vernissage') ?>"></a>
			</div>			
				<?php audioBG($postid); ?>
			</div>
			<?php endif; ?>
		
			<!--- start slider control -->
			<div class="bg-slider-ctrl">
				<?php $bg_image = get_post_meta($postid, '_bg_image_value', true); 
					if((empty($bg_image)) & (get_post_meta($postid, '_gallery_layout_value', true) != 'Fullscreen-Grid')) { ?>
					<div class="prev-slide">
						<span>
							<a title="<?php _e('Previous Slide','vernissage'); ?>" id="prev-slide" href="#"></a>
						</span>
					</div>
					<div class="next-slide">
						<span>
							<a title="<?php _e('Next Slide','vernissage'); ?>" id="next-slide" href="#"></a>
						</span>
					</div>
				<?php } ?>
					<div class="hideall">
						<span>
							<a title="<?php _e('Fullscreen View','vernissage'); ?>" id="hideall" href="#"></a>
						</span>
					</div>	
					<div class="showall">
						<span>
							<a title="<?php _e('Normal View','vernissage'); ?>" id="showall" href="#"></a>
						</span>
					</div>
			</div>
			<!--- end slider control -->
			
			<?php } ?>
			
			<!-- start navigation -->
			<div class="main-nav" id="<?php echo $kk_m_pos ?>">
				<?php wp_nav_menu(array('container'=>'','theme_location'=>'main-menu','depth'=>0,'fallback_cb'=>false ,'walker'=>''))?>		
			</div>
			<!-- end navigation -->
			
		</div>
		<!--- srart slider/menu wrapper -->
		
	</div>
	<!-- end header -->