$(document).ready(
		function(){
			
			$("#prodServiceNav").hide();	

			$("#about").click(
				function(){
					$("#prodServiceNav").hide();
					$("#aboutRbNav").show();
					$("#content").load("about.php");
					
					$("#aboutRbNav li").removeClass("aboutNavClickStyle");
					$("#aboutRbNav li:first").addClass("aboutNavClickStyle");
				}			   
			);
				
			$("#prod").click(
				function(){
					$("#aboutRbNav").hide();
					$("#prodServiceNav").show();
					$("#content").load("introduction.php");
					
					$("#prodServiceNav li").removeClass("servNavClickStyle");
					$("#prodServiceNav li:first").addClass("servNavClickStyle");
				}			   
			);
			
			$("#aboutRbNav a, #prodServiceNav a").click(
				function(){
					var clickId = $(this).attr("id");
					
					switch(clickId){
						case "aboutRb":
							$("#content").load("about.php");
						break;
						
						case "historyRb":
							$("#content").load("history.php");
						break;
					
						case "managerRb":
							$("#content").load("manager.php");
						break;
						
						case "affiliatedComp":
							$("#content").load("affiliatedComp.php");
						break;
						
						case "connectRb":
							$("#content").load("connect.php?lang="+getWebLanguage());
						break;
						
						case "introduction":
							$("#content").load("introduction.php");
						break;
						
						case "product":
							$("#content").load("product.php?prod=book");
						break;
						
						case "service":
							$("#content").load("service.php");
						break;
						
						case "hardware":
							$("#content").load("hardware.php");
						break;
					}
					
					
				}
			);
			
			// -----------------------------------------------------
			//	
			
			$("#aboutRbNav a:first").parent().addClass("aboutNavClickStyle");
			$("#prodServiceNav a:first").parent().addClass("servNavClickStyle");
			
			//	關於紅藍主選單互動
			$("#aboutRbNav a").click(
				function(){
					$("#aboutRbNav a").parent().removeClass("aboutNavClickStyle");
					$(this).parent().addClass("aboutNavClickStyle");
				}
			);
			
			$("#aboutRbNav a").hover(
				function(){
					$(this).parent().addClass("aboutNavRollStyle");
				}, 
				function(){
					$(this).parent().removeClass("aboutNavRollStyle");
				}
			);
			
			//	產品服務主選單互動
			$("#prodServiceNav a").click(
				function(){
					$("#prodServiceNav a").parent().removeClass("servNavClickStyle");
					$(this).parent().addClass("servNavClickStyle");
				}
			);
			
			$("#prodServiceNav a").hover(
				function(){
					$(this).parent().addClass("servNavRollStyle");
				}, 
				function(){
					$(this).parent().removeClass("servNavRollStyle");
				}
			);
			
			// -----------------------------------------------------
			//
			
			$("#content").load("about.php");
		}
	);
	
	// 開啟公司簡介影片視窗
	function openVideoPanel(lang){
		$("#playVideo").fadeIn(1000);
		//	取得顯示畫面的寬
		var pageW = $("#header").width();
		// 取得影片播放介面的寬
		var panelW = $("#playVideo").width();
		// 影片播放介面定位
		$("#playVideo").css({"left":pageW / 2 - panelW / 2});
		$("#playVideo").css({"top":"20px"});
		
		// 依語言版本取得對應的影片
		if(lang == "tw")
			$("#videoInculd").load("../video/videoTw.html");
		else if(lang == "us")
			$("#videoInculd").load("../video/videoUs.html");
		else if(lang == "jp")
			$("#videoInculd").load("../video/videoJp.html");
	}
	
	// 關閉影片播放介面視窗
	function closeVideo(){
		$("#videoInculd").html("../video/stop_video.php");
		$("#playVideo").fadeOut(1000);
	}
	
	function checkForm(){
		var compNameString = $("#compName").val();
		var emailString = $("#email").val();
		var telString = $("#tel").val();
		var connNameString = $("#connName").val();
		var connNoteString = $("#connNote").val();
		var checkResult = false;
		
		if(compNameString == "" || compNameString.length < 3){
			$("#compName").parent().addClass("emptyString");
			checkResult = false;
		}else{
			$("#compName").parent().removeClass("emptyString");
			checkResult = true;
		}
			
		if(emailString == "" || emailString.length < 10){
			$("#email").parent().addClass("emptyString");
			checkResult = false;
		}
		else{
			$("#email").parent().removeClass("emptyString");
			checkResult = true;
		}
			
		if(telString == "" || telString.length < 10){
			$("#tel").parent().addClass("emptyString");
			checkResult = false;
		}else{
			$("#tel").parent().removeClass("emptyString");
			checkResult = true;
		}
			
		if(connNameString == ""){
			$("#connName").parent().addClass("emptyString");
			checkResult = false;
		}else{
			$("#connName").parent().removeClass("emptyString");
			checkResult = true;
		}
			
		if(connNoteString == "" || connNoteString.length < 10){
			$("#connNote").parent().addClass("emptyString");
			checkResult = false;
		}else{
			$("#connNote").parent().removeClass("emptyString");
			checkResult = true;
		}
		
		if(checkResult)
			$.ajax({type:'POST',
					url:'../active/send.php',
					data:"compName="+compNameString+"&email="+emailString+"&tel="+telString+"&connName="+connNameString+"&connNote="+connNoteString,
					success:function(){
								$("#mailForm").load("sendOk.php");
							}
					});
	}
	
	// 取得網址列語言版本
	function getWebLanguage()
	{
		//	取得瀏覽器上的網址字串
		var url=window.location.toString();
		// 尋找網址第幾個區間的值
		var langIndex = 3;
		
		return url.split('/')[langIndex];
	}
	
	// 關閉Online Message視窗
	function closeConnPanel(){
		$("#sendMail").css("display","none");
	}