<style type="text/css">
		#control_container {
		padding: 6px 8px;
	}
	#thumb-item-container {
		/****** width: 1036px; need dynamic calculate ? ******/
		padding: 0px;
		margin: 0px;
		margin-left: 0px;
	}
	#thumb-item-container li {
		display: inline-block;
		height: 80px;
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
	}
	#thumb-item-container li a img {
		border: 2px solid #999999;
		height: 80px;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	#thumb-item-container li.active a img, #thumb-item-container li a:hover img, #thumb-item-container li a:focus img {
		border: 2px solid #000000;
		opacity: 1;
		filter: alpha(opacity=100);
		/*border: 2px solid #000000;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
		-moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
		box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);*/
	}
	.img_desc, .img_id {
		display: none;
	}
	#main_content {
		/*padding: 0px 12px;*/
	}
	#main_content a:hover, #main_content a:focus {
		text-decoration: underline;
	}
	#main_img {
		/*position: absolute;*/
		/*left: -9999px;*/
		/* For Tablet version
		width: 95%;
		*/
		/* For Desktop version */
		/*max-width: 895px;
		max-height: 650px;*/
		/**/
	}
	#canvas {
		/*max-height: 650px;*/
		z-index: 999999;
	}
	.img_title {
		font-size: 100%;
	}
	.img_identifier, .img_desc_taken_by, .img_desc_loc, .img_desc_lat, .img_desc_lng, .img_desc_photo_date, .img_desc_dir, .img_cloudcode {
		font-size: 86%;
		font-style: italic;
	}
	.img_identifier {
		margin-top: 12px;
	}
	.main_img_desc {
		padding-top: 8px;
	}
	.main_img_desc p {
		padding: 2px 18px;
		margin: 0px;
	}
	.btn_left_arrow, .btn_right_arrow {
		display: none;
		position: fixed;
		z-index: 999;
		height: 80px;
		padding: 15px 10px;
		top: 45%;
		font-weight: bold;
		line-height: 50px;
		background-color: rgba(0, 0, 0, 0.4);
		color: #FFFFFF;
		text-decoration: none;
		font-size: 150%;
	}
	.btn_left_arrow {
		left: 8px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	.btn_right_arrow {
		right: 8px;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	#btn-screenfull-v1 {
		margin-left: 20px;
	}
	[class*="annotation-"] {
		position: absolute;
		z-index: 10;
		border: 3px solid #FF0000;
		border-top-left-radius: inherit;
		border-top-right-radius: inherit;
		background-color: rgba(255,255,255,0.01);
		display: none;
	}
	[class*="image-annotate-note"] {
		background: #333333 none repeat scroll 0 0;
		border: solid 2px #FFFF00;
		color: #FFF;
		font-size: 12px;
		max-width: 200px;
		padding: 3px 7px;
		position: absolute;
		font-family: 'OpenSans Regular';
		display: none;
	}
	#meta_container {
		padding-bottom: 0px;
		padding-top: 6px;
	}
	#meta_container p, #meta_container_left p, #meta_container_right p {
		margin: 3px 0px;
	}
	#desc_container {
		/*max-height: 400px;*/
		overflow-y: auto;
		overflow-x: hidden;
	}
	.imgviewer_remark {
		padding-bottom: 6px;
		font-size: small;
		color: #D70000;
	}
	#btn-screenfull-v1 {
		width: 134px;
		height: 32px;
		background: url('../images/english/enlarge.png') top left no-repeat;
		border: none;
		margin-left: 0px;
		margin-top: -10px;
	}
	.btn-img-type {
		font-size: 11px;
		height: 18px;
		line-height: 13px;
		display: block;
		margin-bottom: 7px;
		border: none;
		cursor: pointer;
	}
	.btn-img-type.active, .btn-img-type:hover, .btn-img-type:focus {
		background-color: #014E9E;
		color: #FFFFFF;
	}
	.thumb_show {
		display: inline-block!important;
	}
	.thumb_hidden {
		display: none!important;
	}
	</style>
	<script type="text/javascript" src="../components/watermark/jquery.watermark.js"></script>
	<script type="text/javascript">
	var btn_lock = false;
	var func_var = [];
	//func_var[1] = 'first';
	func_var[1] = 'hori=1';
func_var[2] = 'hori=0';
func_var[3] = 'hori=0';
func_var[4] = 'hori=0';
func_var[5] = 'hori=0';
func_var[6] = 'hori=0';
func_var[7] = 'hori=0';
func_var[8] = 'hori=0';
func_var[9] = 'hori=0';
func_var[10] = 'hori=0';
func_var[11] = 'hori=0';
func_var[12] = 'hori=0';
func_var[13] = 'hori=0';
func_var[14] = 'hori=0';
	var prev_idx = 0;
	var next_idx = 2;
	function prev() {
		if(prev_idx != 0) {
			var item = func_var[prev_idx].split("=");
			showContent(prev_idx, item[0], item[1]);
		}
	}
	function next() {
		if(next_idx != func_var.length) {
			var item = func_var[next_idx].split("=");
			showContent(next_idx, item[0], item[1]);
		}
	}
	function goPrevItem() {
		if(btn_lock) return;
		btn_lock = true;
		
		var thumb_img = $('#thumb-item-container li a img');
		var n_img = null;
		for(var i = thumb_img.length - 1; i >= 0; i--) {
			if($(thumb_img[i]).position().left < 0) {
				n_img = $(thumb_img[i]);
				break;
			}
		}
		if(n_img != null) {
			var move = 0 - n_img.position().left + 2;
			$('#thumb-item-container').animate({'margin-left': "+="+move}, 240, function(){
				btn_lock = false;
			});
		} else {
			btn_lock = false;
		}
	}	
	function goNextItem() {
		if(btn_lock) return;
		btn_lock = true;
		
		var thumb_img = $('#thumb-item-container li a img');
		var n_img = null;
		for(var i = 0; i < thumb_img.length; i++) {
			if($(thumb_img[i]).position().left + $(thumb_img[i]).width() + 12 > $('.thumb-mask').width()) {
				n_img = $(thumb_img[i]);
				break;
			}
		}
		if(n_img != null) {
			var move = n_img.position().left + n_img.width() + 17 - $('.thumb-mask').width();
			$('#thumb-item-container').animate({'margin-left': "-="+move}, 240, function(){
				btn_lock = false;
			});
		} else {
			btn_lock = false;
		}
	}
	var current_content_id = 0;
	var current_type = 'pnri';
	function showContent(content_id, cat, is_1st) {
		if(is_1st != 1) $('li.active').removeClass('active');
		current_content_id = content_id;
		$('#canvas').remove();
		if(cat == 'hori') {
			$('#main_img').css({'position':'relative'});
			$('#img_container').removeClass('col-4').addClass('col-7');
			$('#meta_container').removeClass('col-8').addClass('col-5');
			$('#desc_container').removeClass('col-8').addClass('col-5');
			//$('#control_container').removeClass('col-8').addClass('col-12');
		}
		if(cat == 'vert') {
			$('#main_img').css({'position':'relative'});
			$('#img_container').removeClass('col-7').addClass('col-4');
			$('#meta_container').removeClass('col-5').addClass('col-8');
			$('#desc_container').removeClass('col-5').addClass('col-8');
			//$('#control_container').removeClass('col-12').addClass('col-8');
		}
		
		$('#main_img').attr('src', $('#img'+content_id).attr('src'));
		//$('#main_content').html($('#desc'+content_id).html());
				
		var content_desc = $('#desc'+content_id).html();
		/*
		// For text checking only (20170314) rollback before launch
		content_desc = content_desc.replace(/&&/g, '<mark>&&</mark>');
		content_desc = content_desc.replace(/&amp;/g, '<mark>&amp;</mark>');
		content_desc = content_desc.replace(/@/g, '<mark>@</mark>');
		content_desc = content_desc.replace(/&commat;/g, '<mark>&commat;</mark>');		
		content_desc = content_desc.replace(/%/g, '<mark>%</mark>');		
		content_desc = content_desc.replace(/&percnt;/g, '<mark>&percnt;</mark>');		
		content_desc = content_desc.replace(/#/g, '<mark>#</mark>');	
		content_desc = content_desc.replace(/&num;/g, '<mark>&num;</mark>');	
		*/
		
		$('#main_content').html(content_desc);
		
		$('#main_taken_by').html($('#takenby'+content_id).html());
		$('#main_loc').html($('#loc'+content_id).html());
		$('#main_lat').html($('#lat'+content_id).html());
		$('#main_lng').html($('#lng'+content_id).html());
		$('#main_photo_date').html($('#photodate'+content_id).html());
		$('#main_dir').html($('#dir'+content_id).html());
		$('#main_cloudcode').html($('#cloudcode'+content_id).html());
		$('#main_iden').html($('#imgiden'+content_id).html());
		$('#main_id').html($('#imgid'+content_id).html());
		/*if(is_1st == 1) {
			$('.img_identifier').css('display', 'block');
		} else {
			$('.img_identifier').css('display', 'none');
		}*/
		
		if(is_1st > 1) {
			$('#meta_container').css('display', 'none');
			$('#desc_container').css('display', 'none');
		} else {
			$('#meta_container').css('display', 'block');
			$('#desc_container').css('display', 'block');
		}
		
		prev_idx = content_id - 1;
		next_idx = content_id + 1;
		updateArrowStatus();
		$('.btn_left_arrow, .btn_right_arrow').css('display','none');
		/*if(func_var.length - 1 >= 6) {
			$('#btn-prev, #btn-next').css('display','block');
		}*/
		
		$('#div_loading').css('display','none');
		var desc_height = $('#img_container').height() - $('#meta_container').height();
		if(desc_height < 280) desc_height = 280;
		$('#desc_container').css({'max-height':desc_height+'px'});
		
		var clicked_type = "";
		if($('#img'+content_id).parents('li').hasClass('pnri')) clicked_type = "pnri";
		if($('#img'+content_id).parents('li').hasClass('seci')) clicked_type = "seci";
		if($('#img'+content_id).parents('li').hasClass('pri')) clicked_type = "pri";
		if(current_type != clicked_type) {
			current_type = clicked_type;
			$('.btn-'+current_type).click();
		}
		
				
		// Modified for showing video in "Other Images"
		if($('#main_img').parent().is("a")) {
			$('.btn-video').remove();
			$('#main_img').unwrap();
		}
		
		if(content_id && $('#img'+content_id).data('is_vid') == "1"){
			showPlayButtonOnImage(is_1st, $('#img'+content_id).data('vid_filename'));
		}
	}
	function updateArrowStatus() {
		$('.btn_left_arrow, .btn_right_arrow').css('display','block');
		if(prev_idx == 0) $('.btn_left_arrow').css('display','none');
		if(next_idx == func_var.length) $('.btn_right_arrow').css('display','none');
	}
	function closeFullScreenImg() {
		$('#full_screen_image').remove();
		$('body').css('overflow-y','auto');
	}
	$('#image_viewer_container').mouseover(function() {
		updateArrowStatus();
	});
	$('#image_viewer_container').mouseout(function() {
		$('.btn_left_arrow, .btn_right_arrow').css('display','none');
	});
	function createCanvasIfNotExist() {
		$('#img_container').append('<div id="canvas"></div>');
		$('#main_img').css({'position':'absolute'});
		$('#canvas').css({
			'width': $('#main_img').width(),
			'height': $('#main_img').height(),
			'display': 'block',
			'position': 'relative'
		});
	}
	function setEnlargeButton() {
		$('#cboxTitle').html('<button id="btn-screenfull-v1"></button>');
		
		$('#btn-screenfull-v1').click(function() {
			$('body').append('<div id="full_screen_image"><div style="display: block; float: right; padding: 12px;"><a style="display: block; color: #FFFFFF; text-align: right;" href="javascript:void(0);" onClick="closeFullScreenImg();">[Close]</a><a style="display: block; color: #FFFFFF; text-align: right; padding-top: 6px;" href="'+$('#main_img').attr('src').replace("compressed", "original")+'" download>[Download]</a></div><img id="full_screen_image_src" src="" alt="" /></div>');
			$('#full_screen_image').css({'position': 'absolute', 'z-index': 999999, 'background-color': 'rgba(0, 0, 0, 1)', 'top': $(document).scrollTop(), 'left': 0, 'width': '100%', 'height': '100%', 'text-align': 'center'});
			$('#full_screen_image_src').attr('src', $('#main_img').attr('src').replace("compressed", "original"));
			$('#full_screen_image_src').css({'height': $(window).height(), 'margin': '0px auto'});
		});
	}
	function showThumb(classname) {
		$('li.pnri, li.seci, li.pri').removeClass('thumb_show').addClass('thumb_hidden');
		$('.btn-pnri, .btn-seci, .btn-pri').removeClass('active');
		$('li.'+classname).removeClass('thumb_hidden').addClass('thumb_show');
		$('.btn-'+classname).addClass('active');
	}
		function showPlayButtonOnImage(is_1st, vid_filename) {
		if($('#main_img').parent().is("a")) {
			if(is_1st != 1) {
				$('.btn-video').remove();
				$('#main_img').unwrap();
			}
		} else {
			if(is_1st == 1) {
				$('#main_img').wrap('<a id="btn-video" href="../images/compressed/" target="_blank" rel=\"noopener noreferrer\"></a>');
				$('#btn-video').prepend('<img class="btn-video" src="../images/btn-play.png" alt="Play" style="opacity:0.8" />');
			}else if(vid_filename != ""){
				$('#main_img').wrap('<a id="btn-video" href="../images/compressed/' + vid_filename + '" target="_blank" rel=\"noopener noreferrer\"></a>');
				$('#btn-video').prepend('<img class="btn-video" src="../images/btn-play.png" alt="Play" style="opacity:0.8" />');
			}
		}
		
		
	}
		$(document).ready(function() {
		setTimeout(function(){showContent(1, 'hori', 1);setEnlargeButton();},1800);
		
		if($('li.pnri').length == 0) $('.btn-pnri').css('display', 'none');
		if($('li.seci').length == 0) $('.btn-seci').css('display', 'none');
		if($('li.pri').length == 0) $('.btn-pri').css('display', 'none');
		
				$('#main_img').watermark({text: $('#main_taken_by').html(), gravity: 'br', opacity:0.9, textSize: 56, textWidth: ($('#main_taken_by').html().length * 28), margin: 5, flip: true });
				if($('#imgiden1').html() != '' && $('#takenby1').html()){
			$('#img1').watermark({text: $('#takenby1').html(), gravity: 'br', opacity:0.9, textSize: 38, textWidth: ($('#takenby1').html().length * 0.7 * 38), margin: 5, flip: true }); 
		}
				if($('#imgiden2').html() != '' && $('#takenby2').html()){
			$('#img2').watermark({text: $('#takenby2').html(), gravity: 'br', opacity:0.9, textSize: 14, textWidth: ($('#takenby2').html().length * 0.7 * 14), margin: 5, flip: true }); 
		}
				if($('#imgiden3').html() != '' && $('#takenby3').html()){
			$('#img3').watermark({text: $('#takenby3').html(), gravity: 'br', opacity:0.9, textSize: 11, textWidth: ($('#takenby3').html().length * 0.7 * 11), margin: 5, flip: true }); 
		}
				if($('#imgiden4').html() != '' && $('#takenby4').html()){
			$('#img4').watermark({text: $('#takenby4').html(), gravity: 'br', opacity:0.9, textSize: 13, textWidth: ($('#takenby4').html().length * 0.7 * 13), margin: 5, flip: true }); 
		}
				if($('#imgiden5').html() != '' && $('#takenby5').html()){
			$('#img5').watermark({text: $('#takenby5').html(), gravity: 'br', opacity:0.9, textSize: 65, textWidth: ($('#takenby5').html().length * 0.7 * 65), margin: 5, flip: true }); 
		}
				if($('#imgiden6').html() != '' && $('#takenby6').html()){
			$('#img6').watermark({text: $('#takenby6').html(), gravity: 'br', opacity:0.9, textSize: 56, textWidth: ($('#takenby6').html().length * 0.7 * 56), margin: 5, flip: true }); 
		}
				if($('#imgiden7').html() != '' && $('#takenby7').html()){
			$('#img7').watermark({text: $('#takenby7').html(), gravity: 'br', opacity:0.9, textSize: 40, textWidth: ($('#takenby7').html().length * 0.7 * 40), margin: 5, flip: true }); 
		}
				if($('#imgiden8').html() != '' && $('#takenby8').html()){
			$('#img8').watermark({text: $('#takenby8').html(), gravity: 'br', opacity:0.9, textSize: 61, textWidth: ($('#takenby8').html().length * 0.7 * 61), margin: 5, flip: true }); 
		}
				if($('#imgiden9').html() != '' && $('#takenby9').html()){
			$('#img9').watermark({text: $('#takenby9').html(), gravity: 'br', opacity:0.9, textSize: 20, textWidth: ($('#takenby9').html().length * 0.7 * 20), margin: 5, flip: true }); 
		}
				if($('#imgiden10').html() != '' && $('#takenby10').html()){
			$('#img10').watermark({text: $('#takenby10').html(), gravity: 'br', opacity:0.9, textSize: 37, textWidth: ($('#takenby10').html().length * 0.7 * 37), margin: 5, flip: true }); 
		}
				if($('#imgiden11').html() != '' && $('#takenby11').html()){
			$('#img11').watermark({text: $('#takenby11').html(), gravity: 'br', opacity:0.9, textSize: 20, textWidth: ($('#takenby11').html().length * 0.7 * 20), margin: 5, flip: true }); 
		}
				if($('#imgiden12').html() != '' && $('#takenby12').html()){
			$('#img12').watermark({text: $('#takenby12').html(), gravity: 'br', opacity:0.9, textSize: 52, textWidth: ($('#takenby12').html().length * 0.7 * 52), margin: 5, flip: true }); 
		}
				if($('#imgiden13').html() != '' && $('#takenby13').html()){
			$('#img13').watermark({text: $('#takenby13').html(), gravity: 'br', opacity:0.9, textSize: 59, textWidth: ($('#takenby13').html().length * 0.7 * 59), margin: 5, flip: true }); 
		}
				if($('#imgiden14').html() != '' && $('#takenby14').html()){
			$('#img14').watermark({text: $('#takenby14').html(), gravity: 'br', opacity:0.9, textSize: 20, textWidth: ($('#takenby14').html().length * 0.7 * 20), margin: 5, flip: true }); 
		}
				
	});
	</script>
	<script type="text/javascript">
	var annotation_ary = [], curr_num = null;
	annotation_ary[1] = [];
annotation_ary[1][1] = [1512, 1080, 850.599976, 1257.599991, 30.00, 30.00, "Cirrostratus nebulosus"];
annotation_ary[1][2] = [1512, 1080, 503.599991, 1007.599991, 30.00, 30.00, "Altocumulus"];
annotation_ary[1][3] = [1512, 1080, 716.999969, 1162.999954, 30.00, 30.00, "A 22° halo"];
annotation_ary[5] = [];
annotation_ary[5][1] = [1630, 1080, 239.999992, 809.000008, 30.00, 30.00, "The Sun"];
annotation_ary[5][2] = [1630, 1080, 320.000000, 301.999989, 30.00, 73.00, "Part of the small halo surrounding the Sun at a radius of 22°"];
annotation_ary[5][3] = [1630, 1080, 208.999996, 273.000000, 34.00, 38.00, "A parhelion, or mock sun."];
annotation_ary[5][4] = [1630, 1080, 212.999996, 1342.000031, 33.00, 34.00, "A parhelion"];
annotation_ary[5][5] = [1630, 1080, 209.999992, 1384.000031, 197.00, 30.00, "Part of the parhelic circle"];
annotation_ary[5][6] = [1630, 1080, 722.999969, 807.999969, 30.00, 148.00, "The subsun"];
annotation_ary[5][7] = [1630, 1080, 786.999969, 278.999996, 34.00, 36.00, "A subparhelion"];
annotation_ary[5][8] = [1630, 1080, 802.999969, 1334.000031, 158.00, 30.00, "A subparhelion and part of the subparhelic circle"];
annotation_ary[6] = [];
annotation_ary[6][1] = [1413, 1080, 509.000004, 403.999992, 50.00, 301.00, "The 22° halo circles the sun with a radius of 22°."];
annotation_ary[6][3] = [1413, 1080, 906.999969, 657.999962, 59.00, 59.00, "Lower tangent arc"];
annotation_ary[6][4] = [1413, 1080, 623.999969, 139.999996, 43.00, 217.00, "An infralateral arc"];
annotation_ary[6][5] = [1413, 1080, 391.999985, 490.999992, 368.00, 46.00, "Upper tangent arc"];
annotation_ary[6][6] = [1413, 1080, 328.999985, 451.999992, 465.00, 56.00, "Suncave Parry arc"];
annotation_ary[6][7] = [1413, 1080, 328.999985, 936.999962, 68.00, 109.00, "Heliac arc"];
annotation_ary[6][8] = [1413, 1080, 163.000002, 345.999992, 651.00, 88.00, "Supralateral arc"];
annotation_ary[6][2] = [1413, 1080, 600.999977, 257.999992, 870.00, 83.00, "The parhelic circle extends horizontally through the Sun and both the left and right parhelia."];
annotation_ary[6][9] = [1413, 1080, 95.999992, 466.999992, 469.00, 63.00, "Circumzenithal arc"];
annotation_ary[6][10] = [1413, 1080, 313.999992, 1066.999962, 60.00, 82.00, "One of the Tape arcs, or 46° Parry arcs"];
annotation_ary[7] = [];
annotation_ary[7][1] = [1624, 1080, 484.999985, 233.999996, 30.00, 131.00, "A 22° halo"];
annotation_ary[7][2] = [1624, 1080, 383.359985, 270.600002, 30.00, 30.00, "Parhelion"];
annotation_ary[7][3] = [1624, 1080, 706.359970, 662.600002, 30.00, 30.00, "Parhelion"];
annotation_ary[7][4] = [1624, 1080, 708.999985, 736.999966, 284.00, 30.00, "Parhelic circle"];
annotation_ary[7][5] = [1624, 1080, 148.999996, 253.999996, 30.00, 190.00, "Parhelic circle"];
annotation_ary[7][6] = [1624, 1080, 404.000000, 537.999966, 66.00, 44.00, "Upper tangent arc"];
annotation_ary[7][7] = [1624, 1080, 783.999969, 310.999996, 40.00, 40.00, "Lower tangent arc"];
annotation_ary[8] = [];
annotation_ary[8][1] = [1440, 1080, 341.999969, 782.999966, 129.00, 121.00, "Cirrostratus nebulosus"];
annotation_ary[8][2] = [1440, 1080, 378.990021, 1036.000027, 30.00, 56.00, "A 22° halo"];
annotation_ary[8][3] = [1440, 1080, 587.999969, 362.999996, 133.00, 30.00, "Parhelic circle"];
annotation_ary[8][4] = [1440, 1080, 613.989960, 882.989956, 121.00, 30.00, "Parhelic circle"];
annotation_ary[8][5] = [1440, 1080, 513.990021, 78.990002, 83.00, 30.00, "Parhelic circle"];
annotation_ary[8][6] = [1440, 1080, 532.990021, 1273.000027, 119.00, 30.00, "Parhelic circle"];
annotation_ary[8][7] = [1440, 1080, 534.600006, 207.600002, 30.00, 30.00, "Parhelion"];
annotation_ary[8][8] = [1440, 1080, 576.600006, 1164.600002, 30.00, 30.00, "Parhelion"];
annotation_ary[8][9] = [1440, 1080, 226.000000, 298.989986, 841.00, 30.00, "Upper tangent arc"];
annotation_ary[8][10] = [1440, 1080, 171.000000, 587.990017, 286.00, 30.00, "Parry arc"];
annotation_ary[9] = [];
annotation_ary[9][1] = [1440, 1080, 328.999992, 358.999992, 30.00, 30.00, "A 22° halo"];
annotation_ary[9][2] = [1440, 1080, 503.999985, 290.999996, 43.00, 30.00, "Parhelion"];
annotation_ary[9][3] = [1440, 1080, 499.999985, 1173.000027, 41.00, 30.00, "Parhelion"];
annotation_ary[9][4] = [1440, 1080, 489.999985, 53.999996, 223.00, 39.00, "Parhelic circle"];
annotation_ary[9][5] = [1440, 1080, 483.999985, 1217.000023, 202.00, 38.00, "Parhelic circle"];
annotation_ary[9][6] = [1440, 1080, 105.999996, 649.999962, 195.00, 30.00, "Upper tangent arc"];
annotation_ary[9][7] = [1440, 1080, 281.999985, 1098.999954, 198.00, 152.00, "The tiny white specks sparkling in the sunlight against the cloudless sky are diamond dust ice crystals."];
annotation_ary[11] = [];
annotation_ary[11][1] = [1620, 1080, 399.599991, 554.600002, 30.00, 30.00, "The 22° halo appears as a white or mostly white luminous ring of 22° radius with the light source."];
annotation_ary[11][2] = [1620, 1080, 606.000000, 849.999966, 30.00, 30.00, "The Sun"];
annotation_ary[11][3] = [1620, 1080, 579.999969, 302.999996, 65.00, 63.00, "Cirrostratus fibratus"];
annotation_ary[12] = [];
annotation_ary[12][1] = [1613, 1080, 426.999969, 18.000004, 1419.00, 229.00, "A 22° halo"];
annotation_ary[12][2] = [1613, 1080, 171.000000, 160.990002, 1102.00, 253.00, "Upper tangent arc"];
annotation_ary[13] = [];
annotation_ary[13][1] = [1520, 1080, 316.999992, 146.999996, 74.00, 29.00, "A 22° halo"];
annotation_ary[13][2] = [1520, 1080, 649.999969, 593.999966, 447.00, 30.00, "Parhelic circle"];
annotation_ary[13][3] = [1520, 1080, 635.599976, 537.600002, 30.00, 30.00, "Parhelion"];
annotation_ary[13][4] = [1520, 1080, 436.600006, 54.600002, 30.00, 30.00, "Parhelion"];
annotation_ary[13][5] = [1520, 1080, 254.999992, 350.999996, 202.00, 104.00, "Upper tangent arc"];
annotation_ary[13][6] = [1520, 1080, 409.000000, 314.999996, 48.00, 63.00, "Upper Sun pillar"];
annotation_ary[13][7] = [1520, 1080, 677.999969, 240.999996, 30.00, 59.00, "Lower Sun pillar"];
annotation_ary[13][8] = [1520, 1080, 498.000000, 819.999966, 30.00, 84.00, "A 46° halo"];
annotation_ary[13][9] = [1520, 1080, 761.999969, 773.999966, 30.00, 64.00, "Infralateral arc"];
annotation_ary[13][10] = [1520, 1080, 176.999992, 699.999966, 30.00, 54.00, "Supralateral arc"];
annotation_ary[14] = [];
annotation_ary[14][1] = [1619, 1080, 602.999969, 889.999969, 334.00, 154.00, "Cirrostratus fibratus"];
annotation_ary[14][2] = [1619, 1080, 338.999992, 1120.999969, 30.00, 65.00, "22° halo"];
annotation_ary[14][3] = [1619, 1080, 537.600006, 1260.600006, 30.00, 30.00, "Parhelion. This is one of the two parhelia. The other is in the same corresponding position on the left of the Sun."];
annotation_ary[14][4] = [1619, 1080, 500.000000, 1327.000031, 121.00, 30.00, "part of the Parhelic Circle."];
annotation_ary[14][5] = [1619, 1080, 170.999994, 674.000000, 215.00, 19.00, "Upper tangent arc"];
annotation_ary[14][6] = [1619, 1080, 149.999994, 549.000000, 502.00, 17.00, "Parry arc"];
	function showAnnotation(num, imgid) {
		if($('#canvas').length == 0) createCanvasIfNotExist();
		$('#canvas').empty();
		if(curr_num != num) {
			var id_set = num.split(",");
			for(var i = 0; i < id_set.length; i++) {
				var sel_annotation = annotation_ary[current_content_id][id_set[i]];
				var delta = $('#canvas').width() / sel_annotation[0];
				var toppos = sel_annotation[2] * delta;
				var leftpos = sel_annotation[3] * delta;
				var w = sel_annotation[4] * delta;
				var h = sel_annotation[5] * delta;
				$('#canvas').append('<div class="annotation-'+(i+1)+'"></div>');
				$('#canvas').append('<div class="image-annotate-note">'+sel_annotation[6]+'</div>');
				$('.annotation-'+(i+1)).css({
					'display': 'block',
					'top': toppos,
					'left': leftpos,
					'width': w,
					'height': h
				});
				$('.image-annotate-note').css({
					'top': toppos + h + 5,
					'left': leftpos
				});
			}
			$('div[class*="annotation-"]').hover(function() {
				$('.image-annotate-note').css('display','block');
			}, function() {
				$('.image-annotate-note').css('display','none');
			});
			curr_num = num;
		} else {
			curr_num = 0;
		}
	}
	</script>

	<div class="row" id="image_viewer_container">
	
		<a class="btn_left_arrow" href="javascript:void(0);" onClick="prev();">&lt;</a>
		<a class="btn_right_arrow" href="javascript:void(0);" onClick="next();">&gt;</a>
	
		<div class="col-7" id="img_container" style="position: relative; padding: 0px;">
			<div id="div_loading">Loading...</div>
			<img id="main_img" src="" alt=""/>
		</div>
		<div class="col-5" id="meta_container">
						<p class="img_desc_taken_by" id="main_taken_by">&#169; Frank Le Blancq</p>
			<p class="img_desc_loc" id="main_loc">St. Ouen, Jersey</p>
			<p class="img_desc_lat" id="main_lat">Latitude: 49° 13' 45'' N</p>
			<p class="img_desc_lng" id="main_lng">Longitude: 2° 13' 33'' W</p>
			<p><span class="img_desc_photo_date" id="main_photo_date">29 March 2016 1300 (Local Time)</span><br><span class="img_desc_dir" id="main_dir">Camera direction: towards S</span></p>
			<p class="img_identifier" id="main_iden">Image P/S code: P.13.1.1</p>
			<p class="img_identifier" id="main_id">Image I.D.: 4136</p>
			<p class="img_cloudcode" id="main_cloudcode">C<sub>L</sub> = 0, C<sub>M</sub> = 3, C<sub>H</sub> = 6</p>			
		</div>
		<div class="col-5" id="desc_container">
			<div id="main_content"></div>
		</div>
		<div class="col-12" id="control_container">
			<!-- a id="btn-prev" href="javascript:void(0);" onClick="goPrevItem();">&lt;</a -->
			<!-- div class="thumb-mask" -->
				<ul id="thumb-item-container">
					<li>
						<div style="margin-top: 6px;">
							<button class="btn-pnri btn-img-type active" onClick="showThumb('pnri');">Images & related info</button>
							<button class="btn-seci btn-img-type" onClick="showThumb('seci');">Other Images</button>
							<button class="btn-pri btn-img-type" onClick="showThumb('pri');">Images of 1987 edition</button>
						</div>
					</li>
					<li class="pnri thumb_show active"><a href="javascript:void(0);" onClick="showContent(1, 'hori', 1);"><img id="img1" src="../images/compressed/4136_main_cirrostratus-nebulosus-and-22-halo_clouds-photometeors.JPG" alt="" /></a><div id="desc1" class="img_desc"><h1 class="img_title">Cirrostratus nebulosus and 22° halo</h1><p>The photo shows a thin veil of <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 4136);'>Cirrostratus</a> cloud invading from the west (right of photograph). The lack of form or detail identifies it as the species nebulosus. A small amount of <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 4136);'>Altocumulus</a> is also visible. The main feature is a complete moderate intensity <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 4136);'>22° solar halo</a>, caused by solar rays passing through many randomly arranged ice crystals.</p><p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby1" class="img_desc">&#169; Frank Le Blancq</div><div id="loc1" class="img_desc">St. Ouen, Jersey</div><div id="lat1" class="img_desc">Latitude: 49° 13' 45'' N</div><div id="lng1" class="img_desc">Longitude: 2° 13' 33'' W</div><div id="photodate1" class="img_desc">29 March 2016 1300 (Local Time)</div><br><div id="dir1" class="img_desc">Camera direction: towards S</div><div id="cloudcode1" class="img_desc">C<sub>L</sub> = 0, C<sub>M</sub> = 3, C<sub>H</sub> = 6</div><div id="imgiden1" class="img_id">Image P/S code: P.13.1.1</div><div id="imgid1" class="img_id">Image I.D.: 4136</div></li><li class="pnri thumb_show"><a href="javascript:void(0);" onClick="showContent(2, 'hori', 0);"><img id="img2" src="../images/compressed/syn/4136_syn_cirrostratus-nebulosus-and-22-halo_clouds-photometeors.jpg" alt="" /></a><div id="desc2" class="img_desc"><p>At 12000 UTC, low pressure of 991 hPa was centred north-west of Ireland with a trough extending south, off the west coast of Ireland. High pressure of 1 020 hPa was centred over southern Portugal. A cold front was approaching the mouth of the English Channel, then trailing southwest towards the Azores, Portugal. Ahead of the front was a trough line.</p></div><div id="takenby2" class="img_desc">&#169; Crown Copyright</div><div id="loc2" class="img_desc"></div><div id="lat2" class="img_desc"></div><div id="lng2" class="img_desc"></div><div id="photodate2" class="img_desc"></div><div id="dir2" class="img_desc"></div><div id="cloudcode2" class="img_desc"></div><div id="imgiden2" class="img_id"></div><div id="imgid2" class="img_id"></div></li><li class="pnri thumb_show"><a href="javascript:void(0);" onClick="showContent(3, 'hori', 0);"><img id="img3" src="../images/compressed/upper/4136_upper_cirrostratus-nebulosus-and-22-halo_clouds-photometeors.jpg" alt="" /></a><div id="desc3" class="img_desc"><p>The sounding from an upwind station in Brest, France (WMO 07110) at the time of the photograph (1200 UTC) shows a moist and unstable lower atmosphere extending to approximately 650 hPa. A further moist layer is evident with a base at approximately 440 hPa (6500 m), the likely height of the Cirrostratus cloud base. Wind speeds at that level were about 250° at 100 kt. </p></div><div id="takenby3" class="img_desc">&#169; University of Wyoming</div><div id="loc3" class="img_desc"></div><div id="lat3" class="img_desc"></div><div id="lng3" class="img_desc"></div><div id="photodate3" class="img_desc"></div><div id="dir3" class="img_desc"></div><div id="cloudcode3" class="img_desc"></div><div id="imgiden3" class="img_id"></div><div id="imgid3" class="img_id"></div></li><li class="pnri thumb_show"><a href="javascript:void(0);" onClick="showContent(4, 'hori', 0);"><img id="img4" src="../images/compressed/sat/4136_sat_cirrostratus-nebulosus-and-22-halo_clouds-photometeors.jpg" alt="" /></a><div id="desc4" class="img_desc"><p>The NASA Aqua satellite visual image at 1240 UTC shows the mass of cloud associated with the cold front and trough line, preceded by thin high cloud over the Channel Islands. </p></div><div id="takenby4" class="img_desc">&#169; Credit NASA</div><div id="loc4" class="img_desc"></div><div id="lat4" class="img_desc"></div><div id="lng4" class="img_desc"></div><div id="photodate4" class="img_desc"></div><div id="dir4" class="img_desc"></div><div id="cloudcode4" class="img_desc"></div><div id="imgiden4" class="img_id"></div><div id="imgid4" class="img_id"></div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(5, 'hori', 0);"><img id="img5" src="../images/compressed/4128_main_sub-horizon-halos_photometeors.jpg" alt="" /></a><div id="desc5" class="img_desc"><h1 class="img_title">Sub-horizon halos</h1><p>The high vantage point of a flight from Munich, Germany to Paris, France allowed this view of parhelia together with subparhelia and a subsun.</p>
<p>The arc surrounding the <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 4128);'>Sun</a> with a radius of 22° is the <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 4128);'>small halo</a>. The small halo is one of the most frequently observed halo phenomena. On the right and left sides of the small halo, at the same elevation as the Sun, are bright coloured spots known as <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 4128);'>parhelia</a>, or mock suns. Extending horizontally away from each <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 4128);'>parhelion</a> are parts of the <a class='anno' href='javascript:void(0);' onClick='showAnnotation("5", 4128);'>parhelic circle</a>. The parhelic circle is a white circle that stands parallel to the horizon and passes through the Sun.</p>
<p>Vertically below the Sun is the bright reflection halo that is the <a class='anno' href='javascript:void(0);' onClick='showAnnotation("6", 4128);'>subsun</a>, or undersun. The subsun is below the horizon and so is only seen from high vantage points, such as from aircraft or mountains. To the right and left of the subsun and vertically below the parhelia are corresponding <a class='anno' href='javascript:void(0);' onClick='showAnnotation("7", 4128);'>subparhelia</a>. Extending away from these are very faint parts of the <a class='anno' href='javascript:void(0);' onClick='showAnnotation("8", 4128);'>subparhelic circle</a>.</p><p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby5" class="img_desc">&#169; Mark McCaughrean</div><div id="loc5" class="img_desc">Germany</div><div id="lat5" class="img_desc">Latitude: 48° 18' 36'' N</div><div id="lng5" class="img_desc">Longitude: 9° 29' 24'' E</div><div id="photodate5" class="img_desc">24 October 2012 1642 (Local Time)</div><br><div id="dir5" class="img_desc">Camera direction: towards WSW</div><div id="cloudcode5" class="img_desc"></div><div id="imgiden5" class="img_id">Image P/S code: S.13.1.1 7</div><div id="imgid5" class="img_id">Image I.D.: 4128</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(6, 'hori', 0);"><img id="img6" src="../images/compressed/4204_main_a-complex-halo-display_hydrometeors-photometeors.jpg" alt="" /></a><div id="desc6" class="img_desc"><h1 class="img_title">A complex halo display </h1><p>This magnificent halo display was formed by the refraction and reflection of sunlight through diamond dust at an altitude of 1 100 m in Neklid, Klinovec, Ore Mountains, Czech Republic.</p>
<p>Such complex displays are usually observed only in polar regions, although they may occasionally occur in mountains when there are ice crystals in the air, as in this case. The dust-like specks in this photograph are in fact the diamond dust ice crystals sparkling in the sunlight.</p>
<p>The halos visible in this picture are: a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 4204);'>22° halo</a>; a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 4204);'>parhelic circle and parhelia</a>; a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 4204);'>lower tangent arc</a>; <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 4204);'>infralateral arcs</a>; an <a class='anno' href='javascript:void(0);' onClick='showAnnotation("5", 4204);'>upper tangent arc</a> with a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("6", 4204);'>suncave Parry arc</a>; a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("7", 4204);'>heliac arc</a>; a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("8", 4204);'>supralateral arc</a> that touches a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("9", 4204);'>circumzenithal arc</a>; and four <a class='anno' href='javascript:void(0);' onClick='showAnnotation("10", 4204);'>Tape arcs</a> (also known as 46° Parry arcs). </p>
<p>Some of these halo types are quite common, such as the 22° halo and the parhelia. Others, however, are less frequently seen, and some, such as the heliac arc and Tape arcs, are rarely witnessed.  </p>

<p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby6" class="img_desc">&#169; Claudia Hinz</div><div id="loc6" class="img_desc">Neklid, Klinovec, Czech Republic</div><div id="lat6" class="img_desc">Latitude: 50° 24' 12'' N</div><div id="lng6" class="img_desc">Longitude: 12° 56' 19'' E</div><div id="photodate6" class="img_desc">30 January 2014 1056 (Local Time)</div><br><div id="dir6" class="img_desc">Camera direction: towards SSE</div><div id="cloudcode6" class="img_desc"></div><div id="imgiden6" class="img_id">Image P/S code: P.13.1</div><div id="imgid6" class="img_id">Image I.D.: 4204</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(7, 'hori', 0);"><img id="img7" src="../images/compressed/4796_main_halo-display_photometeors.jpg" alt="" /></a><div id="desc7" class="img_desc"><h1 class="img_title">Halo display</h1><p>This extreme wide-angle photograph from Antarctica shows a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 4796);'>22° halo</a> with two parhelia, or sun dogs, at <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 4796);'>2</a> and <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 4796);'>3</a> on either side. Circling the horizon and lying horizontally through the parhelia and the Sun is the parhelic circle at <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 4796);'>4</a> and <a class='anno' href='javascript:void(0);' onClick='showAnnotation("5", 4796);'>5</a>. At the top and bottom of the 22° halo are an <a class='anno' href='javascript:void(0);' onClick='showAnnotation("6", 4796);'>upper tangent arc</a> and a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("7", 4796);'>lower tangent arc</a>, which extend around the 22° halo as a faint luminous curve to meet each other and form a circumscribed halo.   </p><p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby7" class="img_desc">&#169; Tatsuru Fujita </div><div id="loc7" class="img_desc">1-1 Ichibachō, Chūō-ku, Chiba-shi, Chiba-ken 260-0855, Japan</div><div id="lat7" class="img_desc">Latitude: 77° 19' 12'' S</div><div id="lng7" class="img_desc">Longitude: 39° 42' 0'' E</div><div id="photodate7" class="img_desc">24 December 2004 1328 (Local Time)</div><br><div id="dir7" class="img_desc">Camera direction: towards NE</div><div id="cloudcode7" class="img_desc"></div><div id="imgiden7" class="img_id">Image P/S code: S.13.1.1 6</div><div id="imgid7" class="img_id">Image I.D.: 4796</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(8, 'hori', 0);"><img id="img8" src="../images/compressed/4805_main_halo-phenomena-in-cirrostratus-nebulosus_clouds-photometeors.JPG" alt="" /></a><div id="desc8" class="img_desc"><h1 class="img_title">Halo phenomena in Cirrostratus nebulosus</h1>Several halo phenomena have formed here in a featureless veil of <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 4805);'>Cirrostratus nebulosus</a>. 

Surrounding the Sun is a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 4805);'>22° halo</a>. Lying horizontally through the Sun is a parhelic circle at <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 4805);'>3</a> and <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 4805);'>4</a>. On the parhelic circle (<a class='anno' href='javascript:void(0);' onClick='showAnnotation("5", 4805);'>5</a>, <a class='anno' href='javascript:void(0);' onClick='showAnnotation("6", 4805);'>6</a>) and just outside of the 22° halo are two bright parhelia (commonly known as sun dogs or mock suns), seen at <a class='anno' href='javascript:void(0);' onClick='showAnnotation("7", 4805);'>7</a> and <a class='anno' href='javascript:void(0);' onClick='showAnnotation("8", 4805);'>8</a>. At the top of the 22° halo is an <a class='anno' href='javascript:void(0);' onClick='showAnnotation("9", 4805);'>upper tangent arc</a> and a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("10", 4805);'>Parry arc</a>.<p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby8" class="img_desc">&#169; Usynina Luybov</div><div id="loc8" class="img_desc">g. Uray, Khanty-Mansiyskiy avtonomnyy okrug, Russian Federation</div><div id="lat8" class="img_desc">Latitude: 60° 7' 25'' N</div><div id="lng8" class="img_desc">Longitude: 64° 46' 58'' E</div><div id="photodate8" class="img_desc">22 May 2015 0821 (Local Time)</div><br><div id="dir8" class="img_desc">Camera direction: towards E</div><div id="cloudcode8" class="img_desc">C<sub>L</sub> = 0, C<sub>M</sub> = 0, C<sub>H</sub> = 7</div><div id="imgiden8" class="img_id">Image P/S code: P.3.0</div><div id="imgid8" class="img_id">Image I.D.: 4805</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(9, 'hori', 0);"><img id="img9" src="../images/compressed/4948_main_22-halo-with-parhelia_hydrometeors-photometeors.jpg" alt="" /></a><div id="desc9" class="img_desc"><h1 class="img_title">22° halo with parhelia</h1><p>The main features in this picture are the <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 4948);'>22° halo</a> and the parhelia flanking it on each side at <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 4948);'>2</a> and <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 4948);'>3</a>. The parhelia (commonly known as sundogs or mock suns) are bright spots, often brightly coloured, that occur on the parhelic circle and on or just a little outside of the 22° halo.</p>
<p>The parhelic circle at <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 4948);'>4</a> and <a class='anno' href='javascript:void(0);' onClick='showAnnotation("5", 4948);'>5</a> is a white halo at the same angular elevation as the Sun that, if complete, runs as a circle around the horizon. Here, only the parts of the parhelic circle outside of the parhelia are visible. Inside the 22° halo, any parts of the circle that may have been seen are obscured in the photograph by flare from the camera lens.</p>
<p>At the top of the 22° halo is a faint <a class='anno' href='javascript:void(0);' onClick='showAnnotation("6", 4948);'>upper tangent arc</a>. Also in the photograph, <a class='anno' href='javascript:void(0);' onClick='showAnnotation("7", 4948);'>diamond dust</a> ice crystals responsible for generating these halo phenomena can be seen as white specks sparkling in the sunlight against the blue, cloudless sky.</p><p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby9" class="img_desc">&#169; Irene Ho</div><div id="loc9" class="img_desc">Hexigten, Chifeng, Inner Mongolia, China</div><div id="lat9" class="img_desc">Latitude: 43° 15' 54'' N</div><div id="lng9" class="img_desc">Longitude: 117° 32' 45'' E</div><div id="photodate9" class="img_desc">06 January 2011 1421 (Local Time)</div><br><div id="dir9" class="img_desc"></div><div id="cloudcode9" class="img_desc">C<sub>L</sub> = 0, C<sub>M</sub> = 0, C<sub>H</sub> = 7</div><div id="imgiden9" class="img_id">Image P/S code: P.13.1.6.1</div><div id="imgid9" class="img_id">Image I.D.: 4948</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(10, 'hori', 0);"><img id="img10" src="../images/compressed/4972_main_22-halo_photometeors.JPG" alt="" /></a><div id="desc10" class="img_desc"><h1 class="img_title">22° halo</h1><p>This extreme wide-angle photograph, taken in Antarctica, shows a 22° halo formed around the Moon by the interaction of moonlight with the ice crystals in Cirrus and Cirrostratus clouds.</p><p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby10" class="img_desc">&#169; Tatsuru Fujita </div><div id="loc10" class="img_desc">Syowa Station, Antarctica</div><div id="lat10" class="img_desc">Latitude: 69° 0' 15'' S</div><div id="lng10" class="img_desc">Longitude: 39° 34' 45'' E</div><div id="photodate10" class="img_desc">12 April 2012 0442 (Local Time)</div><br><div id="dir10" class="img_desc">Camera direction: towards N</div><div id="cloudcode10" class="img_desc">C<sub>L</sub> = 0, C<sub>M</sub> = 0, C<sub>H</sub> = 7</div><div id="imgiden10" class="img_id">Image P/S code: S.13.1.1 2</div><div id="imgid10" class="img_id">Image I.D.: 4972</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(11, 'hori', 0);"><img id="img11" src="../images/compressed/5088_main_22-halo-and-cirrostratus-fibratus_clouds-photometeors.JPG" alt="" /></a><div id="desc11" class="img_desc"><h1 class="img_title">22° halo and Cirrostratus fibratus</h1><p>The <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 5088);'>22° halo</a> appears as a white or mostly white luminous ring of 22° radius with the <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 5088);'>light source</a> at its centre. The cloud in this picture is mainly <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 5088);'>Cirrostratus fibratus</a>.</p><p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby11" class="img_desc">&#169; Kam Hoo Man</div><div id="loc11" class="img_desc">Tuen Mun, Hong Kong, China</div><div id="lat11" class="img_desc">Latitude: 22° 23' 27'' N</div><div id="lng11" class="img_desc">Longitude: 113° 58' 21'' E</div><div id="photodate11" class="img_desc">11 July 2015 0724 (Local Time)</div><br><div id="dir11" class="img_desc"></div><div id="cloudcode11" class="img_desc">C<sub>L</sub> = 0, C<sub>M</sub> = 0, C<sub>H</sub> = 7</div><div id="imgiden11" class="img_id">Image P/S code: S.13.1.1 3</div><div id="imgid11" class="img_id">Image I.D.: 5088</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(12, 'hori', 0);"><img id="img12" src="../images/compressed/5442_main_22-halo-and-upper-tangent-arc_photometeors.JPG" alt="" /></a><div id="desc12" class="img_desc"><h1 class="img_title">22° halo and upper tangent arc</h1><p>“Tangent arc” is the generic term for several types of luminous arcs that form tangentially to other halos. In this picture, a tangent arc touches a <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 5442);'>22° halo</a> at its highest point, and therefore is an <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 5442);'>upper tangent arc</a>.</p>
<p>Tangent arcs have a form that varies with the angular elevation of the light source (the Sun or Moon). When the light source is just above the horizon, the upper tangent arc takes the form of a narrow V-shape. As the 
Sun or Moon rises in the sky, the V-shape of the upper tangent arc opens to a shape resembling the outstretched wings of a large bird.</p><p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby12" class="img_desc">&#169; Alfons Puertas</div><div id="loc12" class="img_desc">Vallvidrera - el Tibidabo i les Planes, Barcelona, Spain</div><div id="lat12" class="img_desc">Latitude: 41° 25' 6'' N</div><div id="lng12" class="img_desc">Longitude: 2° 7' 27'' E</div><div id="photodate12" class="img_desc">25 October 2015 0820 (Local Time)</div><br><div id="dir12" class="img_desc">Camera direction: towards E</div><div id="cloudcode12" class="img_desc">C<sub>L</sub> = 0, C<sub>M</sub> = 0, C<sub>H</sub> = 7</div><div id="imgiden12" class="img_id">Image P/S code: P.13.1.4</div><div id="imgid12" class="img_id">Image I.D.: 5442</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(13, 'hori', 0);"><img id="img13" src="../images/compressed/5621_main_halo-display_hydrometeors-photometeors.jpg" alt="" /></a><div id="desc13" class="img_desc"><h1 class="img_title">Halo display </h1><p>This halo display was formed by the refraction and reflection of sunlight through diamond dust on Mt. Zugspitze, Bavarian Alps, Germany (altitude 2 963 m). Diamond dust is a precipitation that falls from a clear sky in very small ice crystals, often so tiny that they appear suspended in the air. These ice crystals are visible mainly when they sparkle in the sunlight.</p>
<p>The halo types visible in the picture are: <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 5621);'>22° halo</a>; <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 5621);'>parhelic circle</a>; parhelia, seen at <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 5621);'>1</a> and <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 5621);'>2</a>; <a class='anno' href='javascript:void(0);' onClick='showAnnotation("5", 5621);'>upper tangent arc</a>; <a class='anno' href='javascript:void(0);' onClick='showAnnotation("6", 5621);'>upper Sun pillar</a>; <a class='anno' href='javascript:void(0);' onClick='showAnnotation("7", 5621);'>lower Sun pillar</a>; <a class='anno' href='javascript:void(0);' onClick='showAnnotation("8", 5621);'>46°halo</a>; <a class='anno' href='javascript:void(0);' onClick='showAnnotation("9", 5621);'>infralateral arc</a>; and <a class='anno' href='javascript:void(0);' onClick='showAnnotation("10", 5621);'>supralateral arc</a>.</p>
<p>Some of these halo types are quite common, such as the 22° halo and parhelia, while others are less frequently seen. Some appear as relatively bright spots or arcs, while others are faint and difficult to identify.</p><p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby13" class="img_desc">&#169; Claudia Hinz</div><div id="loc13" class="img_desc">Mt. Zugspitze, Bavarian Alps, Germany</div><div id="lat13" class="img_desc">Latitude: 47° 25' 16'' N</div><div id="lng13" class="img_desc">Longitude: 10° 59' 11'' E</div><div id="photodate13" class="img_desc">14 January 2013 1050 (Local Time)</div><br><div id="dir13" class="img_desc">Camera direction: towards SSE</div><div id="cloudcode13" class="img_desc">C<sub>L</sub> = 0, C<sub>M</sub> = 0, C<sub>H</sub> = 7</div><div id="imgiden13" class="img_id">Image P/S code: P.13.1.2</div><div id="imgid13" class="img_id">Image I.D.: 5621</div></li><li class="seci thumb_hidden"><a href="javascript:void(0);" onClick="showContent(14, 'hori', 0);"><img id="img14" src="../images/compressed/5684_main_cirrostratus-fibratus-with-impressive-halo-phenomena_clouds-photometeors.jpg" alt="" /></a><div id="desc14" class="img_desc"><h1 class="img_title">Cirrostratus fibratus with impressive halo phenomena</h1>The slow northward movement of a warm front produced a shield of high cloud over southern England, UK on the morning of 7 October 2010. The first Cirrus appeared before dawn, followed by variable and beautiful Cirrus and Cirrostratus during the morning – at one point a large shield of Cirrostratus with a sharp edge spread in quickly from the south-east. Later in the morning and into the afternoon, with more general Cirrus/ <a class='anno' href='javascript:void(0);' onClick='showAnnotation("1", 5684);'>Cirrostratus</a>, there was a fine and prolonged <a class='anno' href='javascript:void(0);' onClick='showAnnotation("2", 5684);'>halo</a> display, including two very bright 22° <a class='anno' href='javascript:void(0);' onClick='showAnnotation("3", 5684);'>parhelia</a>, segments of the <a class='anno' href='javascript:void(0);' onClick='showAnnotation("4", 5684);'>parhelic circle</a>, an <a class='anno' href='javascript:void(0);' onClick='showAnnotation("5", 5684);'>upper tangent arc</a> to the 22° halo (suncave with the Sun at 33° elevation at noon) with pronounced <a class='anno' href='javascript:void(0);' onClick='showAnnotation("6", 5684);'>Parry arc</a> and, for part of the afternoon, a very bright circumzenithal arc as well (not shown in the picture). Altocumulus spread in very rapidly from the south after 1500 UTC and the rest of the day and evening remained cloudy, with rain commencing at 1730 UTC.<p class="imgviewer_remark">Links in the image description will highlight features on the image. Mouse over the features for more detail.</p></div><div id="takenby14" class="img_desc">&#169; Stephen Burt</div><div id="loc14" class="img_desc">Stratfield Mortimer, near Reading, Berkshire RG7, United Kingdom of Great Britain and Northern Ireland</div><div id="lat14" class="img_desc">Latitude: 51° 22' 12'' N</div><div id="lng14" class="img_desc">Longitude: 1° 2' 24'' W</div><div id="photodate14" class="img_desc">07 October 2010 1211 (Local Time)</div><br><div id="dir14" class="img_desc">Camera direction: towards S</div><div id="cloudcode14" class="img_desc">C<sub>L</sub> = 0, C<sub>M</sub> = 0, C<sub>H</sub> = 7</div><div id="imgiden14" class="img_id">Image P/S code: S.3.2</div><div id="imgid14" class="img_id">Image I.D.: 5684</div></li>				</ul>
			<!-- /div -->
			<!-- a id="btn-next" href="javascript:void(0);" onClick="goNextItem();">&gt;</a -->
		</div>
	</div>