$(function() {
				 
    if($('.subNav').length){
		
      		
        ///////////////////////////////////////////////////////////
       
				//bodyタグの直後に<div>タグを挿入
				/*$('#container').before("<div id='mask'></div>");*/

				/* スクリーン全体をおおうマスクの高さと幅を指定 */
				var maskHeight = $(document).height();
				var maskWidth = $(window).width();
				$('#mask').css({'width':maskWidth,'height':maskHeight});
			
			 //閉じるボタンクリック（リセット）
				$('.closeContents').click(function(){
						resetValue();
				});
				
			
				$('#mask').click(function(){
						resetValue();								
				});
				

				//リセット
				function resetValue(){
						$('#mask').hide();
						$('.suvNavContents').fadeOut("fast");
						$('.globalNavWrapper li').removeClass('now');
				};

			 //グロナビをクリック時
        $('.globalNavWrapper li span').click(function(){
				
						var id = $(this).parent().attr("id"); //クリックされたナビのID
						
						//展開後、再度ナビクリック時は閉じる
						if ($(this).parent().hasClass('now')) {
									
							
							$('#mask').hide();
							$('.globalNavWrapper li').removeClass('now');
							$('.suvNavContents').fadeOut("fast");
							
						} else {
							
							$('#mask').show();

							
							//クリックされたナビへclass追加
							$('.globalNavWrapper li').removeClass('now');
							$(this).parent().addClass('now');
	
							$('.suvNavContents').fadeOut("fast");
							setTimeout(function(){
								$('#' + id + 'Element').fadeIn("fast");
							},100);


						}
           
            return false;
       
        });

    }

});