var menustatus = true; //true : 現在的畫面是 menu , false : 進到內容了
var focus_ksno = 0; //分類數字
var focus_osno = 0; //資料數字
var hasscroll = false; //可否有左右捲軸
var menulifocus = 0; //最左邊的menu
var menulitotal = 0; //總menu數量

$(function(){
	$(".btn-top").click(function(){ movedown($(this)); });
	$(".btn-bom").click(function(){ moveup($(this)); });
	
	$("li.menu-list-li").mouseover(function(){
		$(this).addClass("focus");
	}).mouseout(function(){
		$(this).removeClass("focus");
	});
	menulitotal = $("li.menu-list-li").length;
	if(menulitotal > 7){
		hasscroll = true;
	}
	
	$(".scroll_left").click(function(){moveprev();});
	$(".scroll_right").click(function(){movenext();});
	
	
	if(menustatus){
		//秀menu
		openmenu();
	}else{
		//直接秀內容
		openmain();
	}
});
/* 讀完圖片才秀
$(window).load(function(){
	if(menustatus){
		openmenu();
	}else{
		openmain();
	}
});
*/
/* 處理捲動問題 */
function movenext(){
	var lastfocus = menulitotal - 7;
	var stopfocus = 0;
	if(menulifocus+7 < lastfocus){
		stopfocus = menulifocus+7;
	}else{
		stopfocus = lastfocus;
	}
	if(stopfocus != menulifocus){
		movenum = (stopfocus - menulifocus)*137;
		menulifocus = stopfocus;
		$("ul.menu-list").animate({ left:"-="+movenum+"px" });
	}
}
function moveprev(){
	var lastfocus = 0;
	var stopfocus = 0;
	if(menulifocus-7 > lastfocus){
		stopfocus = menulifocus-7;
	}else{
		stopfocus = lastfocus;
	}
	if(stopfocus != menulifocus){
		movenum = (menulifocus - stopfocus)*137;
		menulifocus = stopfocus;
		$("ul.menu-list").animate({ left:"+="+movenum+"px" });
	}
}
function movedown(tar){
	var tarul = $(tar).parent().find("span.list ul");
	
	var maxpx = ($(tarul).height() - 312) * -1;
	var nowtop = $(tarul).position();
	var toppx = nowtop.top;
	var movepx = 300;
	
	if($(tarul).height() > 312){
		if( toppx + movepx < 0){
			$(tarul).animate({ top:"+="+movepx+"px" });
		}else{
			$(tarul).animate({ top:"0px" });
		}
	}
}
function moveup(tar){
	var tarul = $(tar).parent().find("span.list ul");
	
	var maxpx = ($(tarul).height() - 312) * -1;
	var nowtop = $(tarul).position();
	var toppx = nowtop.top;
	var movepx = 300;
	
	if($(tarul).height() > 312){
		if( toppx - movepx > maxpx){
			$(tarul).animate({ top:"-="+movepx+"px" });
		}else{
			$(tarul).animate({ top:maxpx+"px" });
		}
	}
}
/* 展開 menu */
function openmenu(){
	var actnum = 0; //執行動畫的數字
	if(menulitotal < 7){
		var lastact = menulitotal - 1;
	}else{
		var lastact = 6;
	}
	for(i=0;i<menulitotal;i++){
		$("li.menu-list-li").eq(i).css("z-index",100-i);
		if( i < menulifocus || i > menulifocus + 6 ){
			//如果 menu 不在畫面中 , css 直接定位
			$("li.menu-list-li").eq(i).css('left' , 137*i+"px");
		}else{
			var delaytime = 100 * (actnum+1);
			//設定動畫
			if(hasscroll && actnum == lastact){
				//如果需要 左右捲動 , 在最後一個動畫跑完後秀出捲動 btn
				$("li.menu-list-li").eq(i).delay(delaytime).animate({ left:i*137} , 500 , function(){
					$(".scrolldiv").show();
				});
			}else{
				$("li.menu-list-li").eq(i).delay(delaytime).animate({ left:i*137} , 500);
			}
			actnum++;
		}
	}
	menustatus = true;
}
/* 基本上是公司簡介用的 */
function openmain(){
	$("li.menu-list-li[ksno='"+focus_ksno+"']").animate({ left:0} , 500);
	$("div.main-list[osno='"+focus_osno+"']").delay(500).animate({ left:137} , 500);
}
/* 秀出內容 */
function showmain(ksno , osno){
	if(focus_ksno != ksno || focus_osno != osno){
		$(".scrolldiv").hide();
		focus_ksno = ksno;
		focus_osno = osno;
		$("div.main-list[osno='"+focus_osno+"'] img").each(function(){
			$(this).attr("src" , $(this).attr("path") );
		});
		if(menustatus){
			//如果 畫面是 menu 就要縮合
			menustatus = false;
			//設定相關樣式
			var actnum = 0; //執行動畫的數字
			if(menulitotal < 7){
				var lastact = menulitotal - 1;
			}else{
				var lastact = 6;
			}
			var stopoutside = menulifocus * 137 - 155; //依目前 menulifocus -155 當定位點 
			for(i=menulitotal-1;i>=0;i--){
				if( i < menulifocus || i > menulifocus + 6 ){
					//如果 menu 不在畫面中 , css 直接定位
					$("li.menu-list-li").eq(i).css('left' , stopoutside+"px");
				}else{
					var delaytime = 100 * (actnum+1);
					//設定動畫
					if(actnum == lastact){
						//最後一個動畫跑完後 (全出營幕後) 
						$("li.menu-list-li").eq(i).delay(delaytime).animate({ left:stopoutside} , 500 , function(){
							//更改標題文字
							var spantitle = $("li.menu-list-li[ksno='"+focus_ksno+"']").find("span.title");
							if($(spantitle).attr('detailmode')){
								$(spantitle).html($(spantitle).attr('detailmode'));
							}
							//推出被選到的 menu
							$("li.menu-list-li[ksno='"+focus_ksno+"']").animate({ left:stopoutside+155} , 500 , function(){
								//推出被選到的內容
								$("div.main-list[osno='"+focus_osno+"']").animate({ left:137} , 500);
							});
							$("li.menu-list-li[ksno='"+focus_ksno+"']").addClass("active");
							$("span.list ul li[osno='"+focus_osno+"']").addClass("active");
							$("div.main-list[osno='"+focus_osno+"']").addClass("active");
						});
					}else{
						$("li.menu-list-li").eq(i).delay(delaytime).animate({ left:stopoutside} , 500);
					}
					actnum++;
				}
			}
		}else{
			//如果畫面不是 menu 就直接切換內容
			menustatus = false;
			//現在的縮起來
			$("span.list ul li.active").removeClass("active");
			$("span.list ul li[osno='"+focus_osno+"']").addClass("active");
			//動畫設定
			$("div.main-list.active").animate({ left:-823} , 500 , function() {
				//還原內容定位
				$("div.main-list.active div.moremain").css("left" , "-822px");
				$("div.main-list.active div.bpic").css("left" , "-822px");
				$("div.main-list.active div.content-text").scrollTop(0);		
				
				$("div.main-list.active").removeClass("active");
				//然後打開新的
				$("div.main-list[osno='"+focus_osno+"']").addClass("active");
				$("div.main-list.active").animate({ left:137} , 500 );
			});
		}
	}else{
		backmenulist();
	}
}
/* 收合 內容 */
function backmenulist(){
	focus_ksno = 0;
	focus_osno = 0;
	$("span.list ul li.active").removeClass("active");
	$("div.main-list.active").animate({ left:-823} , 500 , function() { 
		//還原內容定位
		$("div.main-list.active div.moremain").css("left" , "-822px");
		$("div.main-list.active div.bpic").css("left" , "-822px");
		$("div.main-list.active div.content-text").scrollTop(0);		
		$("div.main-list.active").removeClass("active");
	});
	var stopoutside = menulifocus * 137 - 155; //依目前 menulifocus -155 當定位點 
	$("li.menu-list-li.active").delay(500).animate({ left:stopoutside} , 500 , function() { 
		//更改標題文字
		var spantitle = $("li.menu-list-li.active").find("span.title");
		if($(spantitle).attr('listmode')){
			$(spantitle).html($(spantitle).attr('listmode'));
		}
		
		$("li.menu-list-li.active").removeClass("active");
		openmenu();
	});
}
/* 換頁 轉頁前要縮合 menu */
function changepage(path){
	$(".scrolldiv").hide();
	if(menustatus){
		var actnum = 0; //執行動畫的數字
		if(menulitotal < 7){
			var lastact = menulitotal - 1;
		}else{
			var lastact = 6;
		}
		var stopoutside = menulifocus * 137 - 155; //依目前 menulifocus -155 當定位點 
		for(i=menulitotal-1;i>=0;i--){
			if( i < menulifocus || i > menulifocus + 6 ){
				//如果 menu 不在畫面中 就不要動作避免增加效能
			}else{
				var delaytime = 100 * (actnum+1);
				//設定動畫
				if(actnum == lastact){
					//最後一個動畫跑完後 (全出營幕後) 
					$("li.menu-list-li").eq(i).delay(delaytime).animate({ left:stopoutside} , 500 , function(){
						//轉頁
						location.href = path;
					});
				}else{
					$("li.menu-list-li").eq(i).delay(delaytime).animate({ left:stopoutside} , 500);
				}
				actnum++;
			}
		}
	}else{
		$("span.list ul li.active").removeClass("active");
		$("div.main-list.active").animate({ left:-823} , 500 , function() { $("div.main-list.active").removeClass("active"); });
		var stopoutside = menulifocus * 137 - 155; //依目前 menulifocus -155 當定位點 
		$("li.menu-list-li.active").delay(500).animate({ left:stopoutside} , 500 , function() { 
			$("li.menu-list-li.active").removeClass("active");
			//轉頁
			location.href = path;
		});
	}
}

/* projects.php 專用 */ 
function showbpic(who){
	var dad = $(".main-list[osno="+focus_osno+"]");
	var bpic = $(dad).find(".bpic");
	$(bpic).find(".positionrelative").children("img").eq(who).show();
	$(bpic).animate({ left:"0px" } , 500);
}
function prevbpic(){
	var dad = $(".main-list[osno="+focus_osno+"]");
	var bpic = $(dad).find(".bpic");
	var tar = $(bpic).find(".positionrelative").children("img:visible");
	if($(tar).prev().is("img")){
		$(tar).hide();
		$(tar).prev("img").show();
	}else{
		//$(bpic).find(".positionrelative").children("img:last").show();
	}
}
function nextbpic(){
	var dad = $(".main-list[osno="+focus_osno+"]");
	var bpic = $(dad).find(".bpic");
	var tar = $(bpic).find(".positionrelative").children("img:visible");
	if($(tar).next().is("img")){
		$(tar).hide();
		$(tar).next("img").show();
	}else{
		//$(bpic).find(".positionrelative").children("img:first").show();
	}
}
function closebpic(){
	var dad = $(".main-list[osno="+focus_osno+"]");
	var bpic = $(dad).find(".bpic");
	var tar = $(bpic).find(".positionrelative").children("img:visible");
	$(bpic).animate({ left:"-822px" } , 500 , function(){ $(tar).hide(); });
}
function showmore(){
	var dad = $(".main-list[osno="+focus_osno+"]");
	var more = $(dad).find(".moremain");
	$(more).animate({ left:"0px" } , 500);
}
function closemore(){
	var dad = $(".main-list[osno="+focus_osno+"]");
	var more = $(dad).find(".moremain");
	$(more).animate({ left:"-822px" } , 500);
}