$(function(){
	
	var core =function(){
		
		var fageBtn=".opacity a,.btnOpacity,#mainNav li a,.footerNav01 li a,.footerNav02 li a";
		var mainContent=$("#contentArea");
		var section=$(".sectionBlock01");
		
		var page=$("#contentArea").attr("class");
		var currentItemNum=0;
	
		var init=function(){
			onResize();
			if($.browser.className=="msie6"){
				$(".photo").unwrap();	
			};
		}();
		
		function onResize(){
			var stageW=$(window).width();
			var stageH=$(window).height()-20;
			
			var _marginH=(stageH-section.height()-125)/2;
			var _target=$("#contentArea").attr("class")
			
			if(_target=="pageConcept" || _target=="pageCompany" || _target=="pageCollection" || _target=="pageContact" || _target=="pageBlog"){
				if(stageH>section.height()){
				
				section.css("margin-top",_marginH);
				}else{
					section.css("margin-top",40);
				}
				

			}
			
			
			
			if($.browser.className=="msie6"){
				scrollForIE6();
			}
			
			//コンテンツエリア高さ調整
			/*if(stageH-section.height()>0){
				console.log(stageH-section.height);
				
				section.css("margin-top",_marginH);
			}*/
		};
		
		function fadeFunc(_target,alpha){
			if (_target.is(':animated')) _target.stop();
			_target.fadeTo(300,alpha);
		}
		
		$(fageBtn).hover(function(){
			var _target=$(this).find("img");
				fadeFunc(_target,0.6)
			},function(){
				var _target=$(this).find("img");
				fadeFunc(_target,1)
				});		
	
		$(".pageScroll a").click(function(){
			var _target=$($(this).attr("href"));
			var hashOffset = {
					_top:_target.offset().top,
					_left:_target.offset().left
					}
					
			$("html, body").animate({
						scrollTop:hashOffset._top,
						scrollLeft:hashOffset._left
					}, 1000,"easeOutQuint",function(){
					});
		})
		
		$(".imgChange").hover(function(){
			var _target=$(this).find("span");
			fadeFunc(_target,1)
		},function(){
			var _target=$(this).find("span");
			fadeFunc(_target,0)
		});
		
		$(".navSection01 li a").hover(function(){
			var _target=$(this).find("span");
			fadeFunc(_target,1)
			
		},function(){
			var _target=$(this).find("span");
			fadeFunc(_target,0)
		});
		
		$(".collectionList").find("a").hover(
			function(){
				var _target=$(this).find("img:eq(1)");
				fadeFunc(_target,0)
			},function(){
				var _target=$(this).find("img:eq(1)");
				fadeFunc(_target,1)
			})
		
		$("#collection").find("a").click(
			function(){
				var _num=$(this).find("img:eq(0)").attr("alt").split("_")[1];
				panelFade(true,_num)
			}
		)
		
		$(".stylingList").find("a").hover(
			function(){
				var _target=$(this).find("img:eq(1)");
				fadeFunc(_target,0)
			},function(){
				var _target=$(this).find("img:eq(1)");
				fadeFunc(_target,1)
			})
		
		$("#styling").find("a").click(
			function(){
				var _num=$(this).find("img:eq(0)").attr("alt").split("_")[1];
				panelFade(true,_num);
			}
		)
		
		function panelFade(_bool,_num){
			
			if(_bool){
				$("#panel").css("top",0)
				$("#panel").fadeTo(300,1,function(){});
				
				imageChange(_num);
			}else{
				$("#panel").fadeTo(300,0,function(){$(this).hide()})
			}
		}
		
		function imageChange(_num){
			var _itemNum="#item_"+_num;
			var target_top = scrollPosition().y;
			var posY;
			
			var _contentsH=$("#contentArea").height();
			if(_contentsH<$(window).height()) {
				_contentsH=$(window).height();
			}
			
			posY=($(window).height()-$("#detailSection").height())/2+target_top-125;
			if(posY<0){
				posY=target_top;
			}
			$("#detailSection").css("top",posY);
			$("#panel").css("height",_contentsH);
			
			//btnSetPos
			$("#close").css("top",posY+20);
			$("#next").css("top",posY+$("#detailSection").height()/2+$("#next").height()/2);
			$("#prev").css("top",posY+$("#detailSection").height()/2+$("#prev").height()/2);

			$(".section").each(function(i){
				if(_num!=i+1) {
					$("#item_"+(i+1)).fadeTo(100,0,function(){
						$(this).css("top",-1000)
					});
				}else{
					$("#item_"+(i+1)).css("top",0);
					$("#item_"+(i+1)).fadeTo(300,1,function(){
						currentItemNum=_num;
						});
				}
			})
			
			if(_num==$(".section").length) $("#next").hide();
			else $("#next").show();
			
			if(_num==1) $("#prev").hide();
			else $("#prev").show(); 
		}
		
		$("#close").click(function(){
			panelFade(false,null);
		})
		
		$("#next").click(function(){
			var _num=Number(currentItemNum)+1;
			imageChange(_num);
		})
		
		$("#prev").click(function(){
			var _num=Number(currentItemNum)-1;
			if(_num!=0)	imageChange(_num)
		})
		
		$(".bnr a").hover(function(){
			var _target=$(this).find("span:eq(1)");
			fadeFunc(_target,0)
		},function(){
			var _target=$(this).find("span:eq(1)");
			fadeFunc(_target,1)
		})
		
		var scrollPosition = function(){ 
			var x1 = document.documentElement.scrollLeft; 
			var x2 = document.body.scrollLeft; 
			if(x1>x2){x = x1}
			else{x = x2} 
			var y1 = document.documentElement.scrollTop; 
			var y2 = document.body.scrollTop; 
			if(y1>y2){y = y1}else{y = y2} 
		
			return{ 
				x : x, 
				y : y 
			}; 
		
		};
		
		var x=0;
		var y=0;  
		$(window).scroll(function(){
			var y1 = document.documentElement.scrollTop; 
			var y2 = document.body.scrollTop; 
			if(y1>y2){y = y1}
			else{y = y2}
			
			//var _offset=$("#page"+pageTotal).offset();
			//console.log(y+"//"+_offset.top)
			//if(_offset.top<=y+100&&pageFlg){
				//$(".section0"+nowPage).show();
				
			//}
			
			scrollForIE6();
			
		});
		
		function scrollForIE6(){
			var y1 = document.documentElement.scrollTop; 
			var y2 = document.body.scrollTop; 
			if(y1>y2){y = y1}
			else{y = y2}
			if($.browser.className=="msie6"){
				var __num=$(window).height()-105+y;
				$("#navOuter").stop()
				//$("#navOuter").css("top",__num);
				$("#navOuter").animate({
						top:__num
					}, 400,"",function(){
					});

				
			}
		}

		$(window).bind("resize", function(){onResize()});
		
	}();
	
});