﻿/*******************************************************************************************
------------------------- Jo 專用的JS AREA, Dont Touch--------------------------------------
*******************************************************************************************/
//------------------------------- 按主選單時,subMenu的切換 ------------------------------------------
function subMenuChange(id){
	$("subMenu1").style.display="none";
	$("subMenu2").style.display="none";	
	$("subMenu9").style.display="none";	
	//特約地圖
	if (id == "menu1"){
		$("subMenu1").style.display="inline";
		//change left title
		$("search_title").style.display="none";
		$("idea_title").style.display="none";
		$("ma_title").style.display="none";
		$("specialMap_title").style.display="inline";
		$("topicMap_title").style.display="none";
		$("3DWorld_title").style.display="none";
		$("specialPic").src="images_blue/search_titlepic_10.jpg";
		//change left contain
		$("left_search").style.display="none";
		$("left_idea").style.display="none";
		$("left_ma").style.display="none";
		$("left_special").style.display="inline";
		$("left_topicMap").style.display="none";
		$("left_3DWorld").style.display="none";
		$("left_routePlan").style.display="none";
		$("left_searchResult").style.display="none";
	}
	//主題地圖
	else if (id == "menu2"){
		//change subMenu
		$("subMenu2").style.display="inline";
		//change left title
		$("search_title").style.display="none";
		$("idea_title").style.display="none";
		$("ma_title").style.display="none";
		$("specialMap_title").style.display="none";
		$("topicMap_title").style.display="inline";
		$("3DWorld_title").style.display="none";
		$("topicPic").src="images_blue/search_titlepic_07.jpg";
		//change left contain
		$("left_search").style.display="none";
		$("left_idea").style.display="none";
		$("left_ma").style.display="none";
		$("left_special").style.display="none";
		$("left_topicMap").style.display="inline";
		$("left_3DWorld").style.display="none";
		$("left_routePlan").style.display="none";
		$("left_searchResult").style.display="none";
	}
	//活動特區
	else if (id == "menu3"){
		//nothing
	}
	//立體世界
	else if (id == "menu5"){
		//change left title
		$("search_title").style.display="none";
		$("idea_title").style.display="none";
		$("ma_title").style.display="none";
		$("specialMap_title").style.display="none";
		$("topicMap_title").style.display="none";
		$("3DWorld_title").style.display="inline";
		$("3DPic").src="images_blue/search_titlepic_04.jpg";
		//change left contain
		$("left_search").style.display="none";
		$("left_idea").style.display="none";
		$("left_ma").style.display="none";
		$("left_special").style.display="none";
		$("left_topicMap").style.display="none";
		$("left_3DWorld").style.display="inline";
		$("left_routePlan").style.display="none";
		$("left_searchResult").style.display="none";
	}
	//愛找查
	else if (id == "menu6"){
		//change left title
		$("search_title").style.display="inline";
		$("idea_title").style.display="none";
		$("ma_title").style.display="none";
		$("specialMap_title").style.display="none";
		$("topicMap_title").style.display="none";
		$("3DWorld_title").style.display="none";
		$("searchPic").src="images_blue/search_titlepic_01.jpg";
		//change left contain
		$("left_search").style.display="inline";
		$("left_idea").style.display="none";
		$("left_ma").style.display="none";
		$("left_special").style.display="none";
		$("left_topicMap").style.display="none";
		$("left_3DWorld").style.display="none";
		$("left_routePlan").style.display="none";
		$("left_searchResult").style.display="none";
	}
	//搜主意
	else if (id == "menu7"){
		//change left title
		$("search_title").style.display="none";
		$("idea_title").style.display="inline";
		$("ma_title").style.display="none";
		$("specialMap_title").style.display="none";
		$("topicMap_title").style.display="none";
		$("3DWorld_title").style.display="none";
		$("ideaPic").src="images_blue/search_titlepic_13.jpg";
		//change left contain
		$("left_search").style.display="none";
		$("left_idea").style.display="inline";
		$("idea_list").style.display="inline";
		$("idea_contain").style.display="none";
		$("left_ma").style.display="none";
		$("left_special").style.display="none";
		$("left_topicMap").style.display="none";
		$("left_3DWorld").style.display="none";
		$("left_routePlan").style.display="none";
		$("left_searchResult").style.display="none";
	}
	//報Ma仔
	else if (id == "menu8"){
		//change left title
		$("search_title").style.display="none";
		$("idea_title").style.display="none";
		$("ma_title").style.display="inline";
		$("specialMap_title").style.display="none";
		$("topicMap_title").style.display="none";
		$("3DWorld_title").style.display="none";
		$("maPic").src="images_blue/search_titlepic_16.jpg";
		//change left contain
		$("left_search").style.display="none";
		$("left_idea").style.display="none";
		$("left_ma").style.display="inline";
		$("left_special").style.display="none";
		$("left_topicMap").style.display="none";
		$("left_3DWorld").style.display="none";
		$("left_routePlan").style.display="none";
		$("left_searchResult").style.display="none";
	}
	//艋舺
	else if (id == "menu9"){
		$("subMenu9").style.display="inline";
	}
}
function changeIdeaContain(){
	$("idea_list").style.display="none";
	$("idea_contain").style.display="inline";
}
//-------------------------------按主選單的subMenu時 改變字的顏色 ------------------------------------------
function changeSubMenuTextColor(id){
	$(id).style.color='#FF9900';	
}
function backSubMenuTextColor(id){
	$(id).style.color='#FFFFFF';
}
//------------------------------- 按左選單第一個TAB的切換(愛找查,主題地圖,立體世界) ------------------------------------------
function openTabMain(id){
	if (id == "search_main"){
		$("searchPic").src="images_blue/search_titlepic_01.jpg";
		$("left_search").style.display="inline";
	}
	else if (id == "idea_main"){
		$("ideaPic").src="images_blue/search_titlepic_13.jpg";
		$("left_idea").style.display="inline";
		$("idea_list").style.display="inline";
		$("idea_contain").style.display="none";
	}
	else if (id == "ma_main"){
		$("maPic").src="images_blue/search_titlepic_16.jpg";
		$("left_ma").style.display="inline";
	}
	else if (id == "special_main"){
		$("specialPic").src="images_blue/search_titlepic_10.jpg";
		$("left_special").style.display="inline";
	}
	else if (id == "topic_main"){
		$("topicPic").src="images_blue/search_titlepic_07.jpg";
		$("left_topicMap").style.display="inline";
	}
	else if (id == "3DWorld_main"){
		$("3DPic").src="images_blue/search_titlepic_04.jpg";
		$("left_3DWorld").style.display="inline";
	}

	$("left_routePlan").style.display="none";
	$("left_searchResult").style.display="none";
}
//------------------------------- 按連結回到"愛找查" ------------------------------------------
function backToSearch(){
	$("search_title").style.display="inline";
	$("specialMap_title").style.display="none";
	$("topicMap_title").style.display="none";
	$("3DWorld_title").style.display="none";
	$("searchPic").src="images_blue/search_titlepic_01.jpg";
	$("left_search").style.display="inline";
	$("left_special").style.display="none";
	$("left_topicMap").style.display="none";
	$("left_3DWorld").style.display="none";
	$("left_routePlan").style.display="none";
	$("left_searchResult").style.display="none";
}
//------------------------------- 按左選單第二個TAB的切換(路徑規劃) ------------------------------------------
function openRoutePlan(id){
	if (id == "search_routePlan"){
		$("searchPic").src="images_blue/search_titlepic_02.jpg";
	}
	else if (id == "idea_routePlan"){
		$("ideaPic").src="images_blue/search_titlepic_14.jpg";
	}
	else if (id == "ma_routePlan"){
		$("maPic").src="images_blue/search_titlepic_17.jpg";
	}
	else if (id == "special_routePlan"){
		$("specialPic").src="images_blue/search_titlepic_11.jpg";
	}
	else if (id == "topic_routePlan"){
		$("topicPic").src="images_blue/search_titlepic_08.jpg";
	}
	else if (id == "3DWorld_routePlan"){
		$("3DPic").src="images_blue/search_titlepic_05.jpg";
	}
	$("left_search").style.display="none";
	$("left_idea").style.display="none";
	$("left_ma").style.display="none";
	$("left_special").style.display="none";
	$("left_topicMap").style.display="none";
	$("left_3DWorld").style.display="none";
	$("left_routePlan").style.display="inline";
	$("left_searchResult").style.display="none";
}
//------------------------------- 按左選單第三個TAB的切換(查詢結果) ------------------------------------------
function openSearchResult(id){
	if (id == "search_searchResult"){
		$("searchPic").src="images_blue/search_titlepic_03.jpg";
	}
	else if (id == "idea_searchResult"){
		$("ideaPic").src="images_blue/search_titlepic_15.jpg";
	}
	else if (id == "ma_searchResult"){
		$("maPic").src="images_blue/search_titlepic_18.jpg";
	}
	else if (id == "special_searchResult"){
		$("specialPic").src="images_blue/search_titlepic_12.jpg";
	}
	else if (id == "topic_searchResult"){
		$("topicPic").src="images_blue/search_titlepic_09.jpg";
	}
	else if (id == "3DWorld_searchResult"){
		$("3DPic").src="images_blue/search_titlepic_06.jpg";
	}
	$("left_search").style.display="none";
	$("left_idea").style.display="none";
	$("left_ma").style.display="none";
	$("left_special").style.display="none";
	$("left_topicMap").style.display="none";
	$("left_3DWorld").style.display="none";
	$("left_routePlan").style.display="none";
	$("left_searchResult").style.display="inline";
}
//------------------------------- 按主選單的"主題地圖"的subMenu的切換 ------------------------------------------
function openTopicMap(id){
	subMenuChange("menu2");
	$("northArea").style.display="none";
	$("centerArea").style.display="none";
	$("southArea").style.display="none";
	$("eastArea").style.display="none";
	if (id =="subMenu2_north"){
		$("northArea").style.display="inline";
	}
	else if (id =="subMenu2_center"){
		$("centerArea").style.display="inline";
	}
	else if (id =="subMenu2_south"){
		$("southArea").style.display="inline";
	}
	else if (id =="subMenu2_east"){
		$("eastArea").style.display="inline";
	}
	
}
//------------------------------- 選擇首頁底色 ------------------------------------------
function openColorPicker(){
	var checkColor = $("colorPicker").style.display;
	if (checkColor == "none"){
		$("colorPicker").style.display="inline";
		$("colorSwitch").src="images_blue/button_pageclose.jpg";
	}
	else{
		$("colorPicker").style.display="none";
		$("colorSwitch").src="images_blue/button_pagedown.jpg";
	}
}
function changeSwitchColor(color){
	if (color == "blue"){
		$("switchOpenPic").src="images_blue/map_pullring_open.png";
		$("switchClosePic").src="images_blue/map_pullring_close.png";
	}
	else if (color =="orange"){
		$("switchOpenPic").src="images_orange/map_pullring_open.png";
		$("switchClosePic").src="images_orange/map_pullring_close.png";
	}
	else if (color =="gray"){
		$("switchOpenPic").src="images_gray/map_pullring_open.png";
		$("switchClosePic").src="images_gray/map_pullring_close.png";
	}
	else if (color =="green"){
		$("switchOpenPic").src="images_green/map_pullring_open.png";
		$("switchClosePic").src="images_green/map_pullring_close.png";
	}
}
//------------------------------- 按地圖下方資訊區TAB的切換 ------------------------------------------
function changeInfoTab(id){
	$("tab1").style.display="none";
	$("tab2").style.display="none";
	
	if (id =="tab1_mainBtn"){
		$("tab1").style.display="inline";
	}
	else if (id =="tab2_mainBtn"){
		$("tab2").style.display="inline";
	}
}
//------------------------------- 複製語法Btn的切換 ------------------------------------------
function copyOver(){
	$("copyCode").src="images_blue/button_copy_over.gif";
}
function copyOut(){
	$("copyCode").src="images_blue/button_copy.gif";
}
//------------------------------- 地圖的左右開關 ------------------------------------------
function mapOpen(){
	var nowSizeObj=getScreenSize();
	$("right").style.left = 5 +"px";
	$("right").style.width = 978 +"px";
	$("TEContainer").style.width = 941 +"px";
	$("switchOpen").style.display="none";
	$("switchClose").style.display="inline";
	
}

function mapClose(){
	var nowSizeObj=getScreenSize();
	$("right").style.left = 248 +"px";
	$("right").style.width = 730 +"px";
	$("TEContainer").style.width = 694 +"px";
	$("switchOpen").style.display="inline";
	$("switchClose").style.display="none";
}
//------------------------------- 登入 ------------------------------------------
function openLogin(){
	if (!AJAXxsltcheckuid(myCookie_MapiLoginUid.getValue())) {
		newwindow = window.open("login.htm","Sticker","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
		newwindow.focus();
	}else{
		userLogin_index();
	}
}
//------------------------------- 報Ma - 新增報Ma ------------------------------------------
function openMaAdd(){
	var url = "MyMA/ma_add.aspx";
	if (AJAXxsltcheckuid(myCookie_MapiLoginUid.getValue())) {
		newwindow = window.open(url,"MaEdit","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
	}else{
		newwindow = window.open("../login.htm?url="+escape(url),"searchIdea","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
	}
	newwindow.focus();
}
//------------------------------- 報Ma - 編輯報Ma ------------------------------------------
function openMaEdit(id){
	if (AJAXxsltcheckuid(myCookie_MapiLoginUid.getValue())) {
		newwindow = window.open("MyMA/ma_edit.aspx?id="+id,"MaEdit","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
		newwindow.focus();
	}
}
//------------------------------- 報Ma - 刪除報Ma ------------------------------------------
function openMaDel(id){
	if (AJAXxsltcheckuid(myCookie_MapiLoginUid.getValue())) {
		AJAXsxltMaDel(id);
	}
//	newwindow = window.open("MyMA/ma_del.aspx?pmid="+id+"&uid="+myCookie_MapiLoginUid.getValue(),"MaEdit");
//	newwindow.focus();
}
//------------------------------- 搜主意 - 我要參加 ------------------------------------------
function openIdea(id){
	var url = "searchideav2/searchIdea2.aspx?id="+id;
	if (AJAXxsltcheckuid(myCookie_MapiLoginUid.getValue())) {
		newwindow = window.open(url,"searchIdea","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
	}else{
		newwindow = window.open("../login.htm?url="+escape(url),"searchIdea","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
	}
	newwindow.focus();
}
//------------------------------- 搜主意 - 所有發表 ------------------------------------------
function openIdea3(){
	var url = "searchideav2/searchIdea3.aspx";
	if (AJAXxsltcheckuid(myCookie_MapiLoginUid.getValue())) {
		newwindow = window.open(url,"searchIdea","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
	}else{
		newwindow = window.open("../login.htm?url="+escape(url),"searchIdea","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
	}
	newwindow.focus();
}
//------------------------------- 搜主意 - 製作貼紙 ------------------------------------------
function openSticker(id){
	newwindow = window.open("../sticker.aspx?id="+id,"Sticker","height=483,width=345,status=yes,toolbar=no,menubar=no,location=no");
	newwindow.focus();
}
//------------------------------- 更多貼紙 ------------------------------------------
function openStickerMain(){
	newwindow = window.open("sticker_main.aspx","StickerMain","height=768,width=1024,status=yes,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes");
	newwindow.focus();
}

//------------------------------- 搜主意 - 回列表頁------------------------------------------
function backToIdeaList(){
	$("idea_list").style.display="inline";
	$("idea_contain").style.display="none";
}
/*******************************************************************************************
---------------------------------------- 搜主意--------------------------------------------
*******************************************************************************************/
function changePage(id){
	$("actitivePage").style.display="none";
	$("idea_edit").style.display="none";
	$("idea_list").style.display="none";
	if (id == "btn1"){
		$("actitivePage").style.display="inline";
	}
	else if (id == "btn2"){
		$("idea_edit").style.display="inline";
	}
	else if (id == "btn3"){
		$("idea_list").style.display="inline";
	}
	
	
}
/*******************************************************************************************
-------------------------------詳細內容(infoDetail)-----------------------------------------
*******************************************************************************************/
function openNewComment(){
	$("new_comment").style.display="inline";
}
function closeNewComment(){
	$("new_comment").style.display="none";
}

/*******************************************************************************************
---------------------------------------- 會員註冊--------------------------------------------
*******************************************************************************************/
function changeRegStep(id){
	$("reg_step1").style.display="none";
	$("reg_step2").style.display="none";
	$("reg_step3").style.display="none";
	
	if ( id == "step1"){
		$("reg_step1").style.display="inline";
		$("mainBtnPic").src="images/member_images/button_title_pic01.png";
	}
	else if (id == "step2"){
		$("reg_step2").style.display="inline";
		$("mainBtnPic").src="images/member_images/button_title_pic02.png";
	}
	else if (id == "step3"){
		$("reg_step3").style.display="inline";
		$("mainBtnPic").src="images/member_images/button_title_pic03.png";
	}
}
/*******************************************************************************************
---------------------------------------- 關於Mapi--------------------------------------------
*******************************************************************************************/
function changeAbout(id){
	if (id =="rule"){
		$("about_ruleContain").style.display = "inline";
		$("about_require").style.display = "none";
		$("about_mainBtnPic").src="images/topContain_images/button_title_about_01.png";
	}
	else if(id == "require"){
		$("about_ruleContain").style.display = "none";
		$("about_require").style.display = "inline";
		$("about_mainBtnPic").src="images/topContain_images/button_title_about_02.png";
	}
	
}

/*******************************************************************************************
----------------------------------- 艋舺開啟Video頁面 --------------------------------------
*******************************************************************************************/
function openVideo(id){
	
	if (id == "subMenu9_7"){
		newwindow = window.open("onceMv.htm","ONCEMV","height=343,width=425,status=yes,toolbar=no,menubar=no,location=no");
		newwindow.focus();
		
	}
	else if (id == "subMenu9_8"){
		newwindow = window.open("once_backStage.htm","ONCE","height=343,width=425,status=yes,toolbar=no,menubar=no,location=no");
		newwindow.focus();
	}
}
