$(function(){

	var $animation_elements = $('.ani');
	var $window = $(window);

	function check_if_in_view() {
	  var window_height = $window.height();
	  var window_top_position = $window.scrollTop();
	  var window_bottom_position = (window_top_position + window_height);
	 
	  $.each($animation_elements, function() {
		var $element = $(this);
		var element_height = $element.outerHeight() / 2;
		var element_top_position = $element.offset().top;
		var element_bottom_position = (element_top_position + element_height);
	 
		//check to see if this current container is within viewport
		if ((element_bottom_position >= window_top_position) &&
			(element_top_position <= window_bottom_position)) {
		  $element.addClass('in-view');
		} else {
		  //$element.removeClass('in-view');
		}
	  });
	}

	$window.on('scroll resize', check_if_in_view);
	$window.trigger('scroll');



	/* m14 */
	$(".m14_tabs li").click(function(){
		var tabNum = $(".m14_tabs li").index($(this));
		$(this).addClass("on").siblings().removeClass("on");
		$(".map1 ul li:eq("+tabNum+")").addClass("on").siblings().removeClass("on");
		$(".m14 .tabconwrap .tabcon:eq("+tabNum+")").show().siblings().hide();
	})
	$(".map1 ul li").click(function(){
		var tabNum = $(".map1 ul li").index($(this));
		$(this).addClass("on").siblings().removeClass("on");
		$(".m14_tabs li:eq("+tabNum+")").addClass("on").siblings().removeClass("on");
		$(".m14 .tabconwrap .tabcon:eq("+tabNum+")").show().siblings().hide();
	})
		

	/* m21 */
	$(".direction .info1 .btns ul li").click(function(){
		btnNum = $(".direction .info1 .btns ul li").index($(this));
		$(".direction .info1 .bg").fadeIn();
		$(".direction .info1 .pop").fadeIn();
		$(".direction .info1 .pop .conwrap>ul>li").hide();
		$(".direction .info1 .pop .conwrap>ul>li:eq("+btnNum+")").show();
	});
	$(".btn_x").click(function(){
		$(".direction .info1 .bg").fadeOut();
		$(".direction .info1 .pop").fadeOut();
	})



});