$(document).ready(function() {
	var chkPreview = window.location.host.match(/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/);
	if (!chkPreview){
	    switch (window.location.protocol) {
	        case 'http:':
	            window.location.href = 'https://' + window.location.host + window.location.pathname + window.location.search;
	            break;
	        case 'https:':
	            break;
	        case 'file:':
	            window.location.href = 'https://' + window.location.host + window.location.pathname + window.location.search;
	            break;
	        default:
	            window.location.href = 'https://' + window.location.host + window.location.pathname + window.location.search;
	    }
	}
	
var html = '\
<div class="wrap">\
	<p class="logo_hpac"><a href="/english/"><img src="/english/img/common/logo_hpac01.png" alt="Hyogo Performing Arts Center"></a></p>\
	<olang><nav class="nav-menu"><!--IF_TRANS_HIDE:-->\
		<ul class="menu-list">\
			<li class="menu-item drop-menu">\
				<a class="menu-language" style="cursor: pointer;" ><img src="/img/ei-language.png"/>Language</a>\
				<ul class="drop-menu-list">\
					<li class="drop-menu-item"><a href="https://www1.gcenter-hyogo.jp">日本語</a></li>\
					<li class="drop-menu-item"><a href="https://www1.gcenter-hyogo.jp/english/">English</a></li>\
					<li class="drop-menu-item"><a href="https://translation2.j-server.com/LUCGCHYOGO/ns/w4/enzh/https://www1.gcenter-hyogo.jp/english/">简体中文</a></li>\
					<li class="drop-menu-item"><a href="https://translation2.j-server.com/LUCGCHYOGO/ns/w4/enzhb/https://www1.gcenter-hyogo.jp/english/">繁體中文</a></li>\
					<li class="drop-menu-item"><a href="https://translation2.j-server.com/LUCGCHYOGO/ns/w4/enko/https://www1.gcenter-hyogo.jp/english/">한국어</a></li>\
				</ul>\
			</li >\
		</ul>\
	<!--/IF_TRANS_HIDE:--></nav></olang>\
	<p class="btn_menu sp" id="btn_menu"><img src="/english/img/common/sp/btn_menu_off.png" alt="" /><img src="/english/img/common/sp/btn_menu_on.png" alt="" class="openBtn" /></p>\
	<div class="menu_sp">\
		<ul class="gnav">\
			<li class="btn01">\
				<a href="#" onclick="return false">Calendar</a>\
				<div class="innerNav">\
					<strong class="pc">Calendar</strong>\
					<ul>\
						<li><a href="/contents_parts/ConcertCalendar.aspx?ln=en&md=0">Monthly</a></li>\
						<li><a href="/contents_parts/ConcertCalendar.aspx?ln=en&md=1">On Sale Now</a></li>\
						<li><a href="/contents_parts/ConcertCalendar.aspx?ln=en&md=2">On Sale Soon</a></li>\
						<li><a href="/contents_parts/ConcertCalendar.aspx?ln=en&md=3">Archives</a></li>\
					</ul>\
				</div>\
			</li>\
			<li class="btn02">\
				<a href="/english/ticket/">Tickets</a>\
			</li>\
			<li class="btn03">\
				<a href="#" onclick="return false">About the Center</a>\
				<div class="innerNav">\
					<strong class="pc">About the Center</strong>\
					<ul>\
						<li><a href="/english/about/introduction.html">Introduction</a></li>\
						<li><a href="/english/about/biographies.html">Yutaka Sado, Artistic Director</a></li>\
						<li><a href="/english/about/the-association.html">The Association</a></li>\
					</ul>\
				</div>\
			</li>\
			<li class="btn04">\
				<a href="/english/facilities/">Facilities</a>\
			</li>\
			<li class="btn05">\
				<a href="/english/access/">Access</a>\
			</li>\
		</ul>\
		<div class="lang_pac">\
			<p class="logo"><!--IF_TRANS_HIDE:-->\
				<a href="https://hpac-orc.jp/" target="hrac-orc"><img src="/english/img/common/logo_menu_pac01.png" alt="Hyogo Performing Arts Center Orchestra"></a>\
			<!--/IF_TRANS_HIDE:--></p>\
		</div>\
	</div>\
</div>\
';

	document.getElementById('header').innerHTML = html;
	//$('#header').html(html);

	$(document).on('click','a.menu-language', function () {
		if ($(this).closest('.drop-menu').hasClass('on')) {
			$(this).closest('.drop-menu').removeClass('on');
		} else {
			$(this).closest('.drop-menu').addClass('on');
		}
	});

});
$(window).on('load',function(){

	var nav='\
		<ul class="menu-list">\
			<li class="menu-item drop-menu">\
				<a class="menu-language" style="cursor: pointer;" ><img src="/img/ei-language.png"/>Language</a>\
				<ul class="drop-menu-list">\
					<li class="drop-menu-item"><a href="https://www1.gcenter-hyogo.jp">日本語</a></li>\
					<li class="drop-menu-item"><a href="https://www1.gcenter-hyogo.jp/english/">English</a></li>\
					<li class="drop-menu-item"><a href="https://translation2.j-server.com/LUCGCHYOGO/ns/w4/enzh/https://www1.gcenter-hyogo.jp/english/">简体中文</a></li>\
					<li class="drop-menu-item"><a href="https://translation2.j-server.com/LUCGCHYOGO/ns/w4/enzhb/https://www1.gcenter-hyogo.jp/english/">繁體中文</a></li>\
					<li class="drop-menu-item"><a href="https://translation2.j-server.com/LUCGCHYOGO/ns/w4/enko/https://www1.gcenter-hyogo.jp/english/">한국어</a></li>\
				</ul>\
			</li >\
		</ul>\
	';

	$('nav.nav-menu').html(nav);
	var orc = '\
		<a href="https://hpac-orc.jp/" target="hrac-orc"><img src="/english/img/common/logo_menu_pac01.png" alt="Hyogo Performing Arts Center Orchestra"></a>\
	';
	$('.lang_pac p.logo').html(orc);
});