﻿ ////////////////////////////////////////////////////////////////////////////
var glob_category;
var glob_type;
var glob_coursetype_WKT;
//
var glob_totalpage = 0;
var glob_nowpage = 1;
var glob_pageNum = 5;
//
var maxLength_Title = 20;
var maxLength_Dist = 3;
//
////////////////////////////////////////////////////////////////////////////
var setActiveTab = function (str, flg)
{
	var tagetID;
	var tagetHTML;
	//
	switch (str)
	{
		case "recommend" :
		tagetID = "cn-course";
		tagetHTML = "<strong><a href=\"/myworkout/course.html\">auおすすめコース</a></strong>";
		break;
		case "event" :
		tagetID = "cn-event";
		tagetHTML = "<strong><a href=\"/myworkout/course_event.html\">大会マップ</a></strong>";
		break;
		case "favorite" :
		tagetID = "cn-favorite";
		tagetHTML = "<strong><a href=\"/myworkout/course_favorite.html\">お気に入りコース</a></strong>";
		break;
		default :
		tagetID = null;
		tagetHTML = null;
		break;
	}
	//
	setInnnnerHTML (tagetID, tagetHTML);
}
/////////////////////////////////////////////////////////////////////////////
var viewDetail_WKT = function (category, num)
{
	var detailURL = baseURL + "myworkout/course_detail.html";
	//
	if ((glob_coursetype_WKT == undefined) || (glob_coursetype_WKT == 'both'))
	{
		glob_coursetype_WKT = 'run';
	}
	location.href = detailURL + "?/" + category + "/" + glob_coursetype_WKT + "/1/" + num;
}
////////////////////////////////////////////////////////////////////////////
//
//--------------------------------------------------------------------------
var setEntry = function (coursetype)
{
	switch (coursetype)
	{
		case 'run' :
		tabpageNum = 0;
		glob_coursetype_WKT = 'run';
		break;
		case 'bike' :
		tabpageNum = 1;
		glob_coursetype_WKT = 'bike';
		break;
		default :
		getOut ();
		tabpageNum = 0;
		break;
	}
}
////////////////////////////////////////////////////////////////////////////
var makeWorkoutList = function (coursetype, status)
{
	//////////////////////////////////////
	setEntry (coursetype);
	//////////////////////////////////////
	var baseWrpHTML_1_HD = '<!-- entry1 -->\n'
	+ '<div id=\"entry1\" class=\"display-none\">\n'
	+ '<!-- entry-wrapper -->\n';
	//
	var baseWrpHTML_1_MI = makeWorkoutList_MI ('run');
	//
	var baseWrpHTML_1_FT = '<!-- entry-wrapper -->\n'
	+ '</div>\n'
	+ '<!-- /entry1 -->\n';
	//////////////////////////////////////
	var baseWrpHTML_2_HD = '<!-- entry2 -->\n'
	+ '<div id=\"entry2\" class=\"display-none\">\n'
	+ '<!-- entry-wrapper -->\n';
	//
	if (status == 'basic')
	{
		var baseWrpHTML_2_MI = makeWorkoutList_MI ('bike');
	} else
	{
		var baseWrpHTML_2_MI = '<div class=\"entry-wrapper\">\n'
		+ '<div class=\"bg-box\"><br />\n'
		+ '<br />\n'
		+ '<br />\n'
		+ '<br />\n'
		+ '<br />\n'
		+ '<p><img src=\"/myworkout/images/text_myworkout.gif\" alt=\"「Bikeモードはベーシック会員でご利用いただける機能です。 会員ステータスの変更はauケータイから、登録情報の変更はアプリからおこなうことができます。」\" /></p>\n'
		+ '<p class=\"bg-qr\"><img src=\"/images/myworkout/qr_code.gif\" alt=\"QRコード\" /></p>\n'
		+ '</div>\n'
		+ '</div>\n';
	}
	//
	var baseWrpHTML_2_FT = '<!-- /entry-wrapper -->\n'
	+ '</div>\n'
	+ '<!-- /entry2 -->\n';
	//////////////////////////////////////
	document.write (baseWrpHTML_1_HD + baseWrpHTML_1_MI + baseWrpHTML_1_FT + baseWrpHTML_2_HD + baseWrpHTML_2_MI + baseWrpHTML_2_FT);
	//////////////////////////////////////
	tabInitFunc ();
}
var makeWorkoutList_MI = function (coursetype)
{
	var udfFlg = false;
	//
	var entryArray = new Array ();
	//
	//-----------------------------------------------------------------------------
	var courseXmlUrl = return_url_API ('favorite') + coursetype + '/' + glob_pageNum + '/1';
	//-----------------------------------------------------------------------------
	//
	//
	var courseListMaxNum = 5;
	var courseListLastNum = 4;
	//
	var maxLength_Title = 20;
	var maxLength_Dist = 3;
	//
	var baseHtml_HD = '<div class=\"entry-wrapper\">\n'
	+ '<h3><img src=\"/myworkout/images/h3_favorite.gif\" alt=\"お気に入りコース\" /></h3>\n'
	+ '<!-- entry-course -->\n'
	+ '<div class=\"entry-course\">\n';
	//
	var baseHtml_DT = '';
	//
	var baseHtml_FT = '</div>\n'
	+ '<!-- /entry-course -->\n'
	+ '</div>\n';
	//
	//////////////////////////////////
	var httpObj = new JKL.ParseXML.DOM (courseXmlUrl );
	var XMLdata = httpObj.parse ();
	//////////////////////////////////
	var category = XMLdata.getAttribute ('coursetype');
	////////////////////////////////////////////////////////////////////
	var node_course = XMLdata.getElementsByTagName ("course");
	////////////////////////////////////////////////////////////////////
	var nowpage = XMLdata.getAttribute ('nowpage');
	//
	var search_area = XMLdata.getAttribute ('search_area');
	//
	var search_result = node_course.length;
	//
	////////////////////////////////////////////////////////////////////
	for (var a = 0; a < search_result; a ++)
	{
		entryArray [a] = new Array ();
		entryArray [a]["classObj"] = new Array ();
		entryArray [a]["xmlIdObj"] = new Array ();
	}
	////////////////////////////////////////////////////////////////////
	//
	for (var i = 0; i < search_result; i ++)
	{
		if (i < courseListMaxNum)
		{
			//////////////////////////////////
			var id = node_course [i].getAttribute ('id');
			//////////////////////////////////
			if (id == undefined)
			{
				udfFlg = true;
				break;
			}
			//////////////////////////////////
			var recommendClass = node_course [i].getAttribute ('recommend');
			if (recommendClass == "true")
			{
				recommendClass = "<h4 class=\"favorite\">";
			} else
			{
				recommendClass = "<h4>";
			}
			//////////////////////////////////
			var title = node_course [i].getAttribute ('title');
			//////////////////////////////////
			var status = node_course [i].getAttribute ('status');
			switch (status)
			{
				case "ok" :
				status = "OK";
				break;
				case "error" :
				status = "NG";
				break;
				default :
				status = "&nbsp;";
				break;
			}
			//////////////////////////////////
			var area = node_course [i].getAttribute ('area');
			//////////////////////////////////
			var type = node_course [i].getAttribute ('type');
			var type_li;
			switch (type)
			{
				case "run" :
				type = "Run";
				type_li = '<li><img src=\"/myworkout/images/icon_run.jpg\" alt=\"Run\" /></li>\n'
				break;
				case "bike" :
				type = "Bike";
				type_li = '<li><img src=\"/myworkout/images/icon_bike.jpg\" alt=\"Bike\" /></li>\n'
				break;
				default :
				type = "";
				type_li = '';
				break;
			}
			//////////////////////////////////
			var dist = node_course [i].getAttribute ('totaldistance');
			dist = "距離 " + dist + "km";
			//////////////////////////////////
			var member = node_course [i].getAttribute ('member');
			switch (member)
			{
				case "basic" :
				member = "<li><img src=\"/myworkout/images/icon_basic.gif\" alt=\"Basic\" /></li>\n";
				break;
				case "lite" :
				member = "<li><img src=\"/myworkout/images/icon_lite.gif\" alt=\"Lite\" /></li>\n";
				break;
				case "premium" :
				//member = "<li><img src=\"/myworkout/images/icon_premium.gif\" alt=\"Premium\" /></li>\n";
				member = "";
				break;
				case "lite-basic" :
				member = "<li><img src=\"/myworkout/images/icon_basic.gif\" alt=\"Basic\" /></li>\n";
				member += "<li><img src=\"/myworkout/images/icon_lite.gif\" alt=\"Lite\" /></li>\n";
				break;
				default :
				member = "";
				break;
			}
			//
			//////////////////////////////////
			var newBool = node_course [i].getAttribute ('new');
			//
			if (newBool == "true")
			{
				var newObj = '<img src=\"/images/common/icon_new.gif\" alt=\"NEW\" width=\"24\" height=\"9\" />';
			} else
			{
				var newObj = '&nbsp;';
			}
			//////////////////////////////////
			var node_photo = node_course [i].getElementsByTagName ("photo");
			//////////////////////////////////-----------------------------------------------------ERROR PROC
			if (node_photo [0].getAttribute ('url_t') == undefined)
			{
				var photo_url = '<p></p>\n';
			} else
			{
				var photo_url = '<p><img src=\"' + node_photo [0].getAttribute ('url_t') + '\" alt=\"\" /></p>\n';
			}
			//////////////////////////////////-----------------------------------------------------ERROR PROC
			//var photo_url = node_photo [0].getAttribute ('url_t');
			//////////////////////////////////
			baseHtml_DT += '<!-- entry -->\n'
			+ '<div class=\"entry\">\n'
			+ '<h4 class=\"favorite\"><img src=\"/images/common/bg_allow.gif\" alt=\"\" />' + title + '</h4>\n'
			+ '<div class=\"entry-data\">\n'
			+ photo_url
			+ '<dl>\n'
			+ '<dt>' + area + '<br />\n'
			+ dist + '</dt>\n'
			+ '<dd>\n'
			+ '<input name=\"detail\" value=\"' + id + '\" type=\"hidden\" />\n'
			+ '<img src=\"/images/common/bg_allow.gif\" alt=\"\" /> <a href=\"javaScript:viewDetail_WKT(\'' + category + '\', \'' + i + '\');\">コースの詳しいデータはこちら</a></dd>\n'
			+ '</dl>\n'
			+ '</div>\n'
			+ '<div class=\"entry-member\">\n'
			+ '<ul>\n' + member + type_li + '</ul>\n'
			+ '</div>\n'
			+ '</div>\n'
			+ '<!-- /entry -->\n';
		}
	}
	////////////////////////////////////////////////////////////////////
	if (udfFlg)
	{
		var returnHTML = '<div class=\"entry-wrapper\">\n'
		+ '<h3><img src=\"/images/myworkout/h3_favorite.gif\" alt=\"お気に入りコース\" /></h3>\n'
		+ '<!-- course-none -->\n'
		+ '<div class=\"bg-box\">\n'
		+ '<h4><img src=\"/images/myworkout/h3_runwalk_none.gif\" alt=\"RUN&amp;WALK\" /></h4>\n'
		+ '<h5>現在、お気に入りコースの登録が0件です。<br />\n'
		+ 'コースの追加は「コース/大会マップ」でおこなえます。</h5>\n'
		+ '<p><a href=\"/myworkout/course.html\"><img class=\"rollover\" src=\"/images/myworkout/btn_course.jpg\" alt=\"コース/大会マップ\" /></a></p>\n'
		+ '</div>\n'
		+ '<!-- /course-none -->\n'
		+ '<p class=\"right\"><img src=\"/images/common/bg_allow.gif\" alt=\"\" /> <a href=\"/myworkout/course.html\">コースの詳しいデータはこちら</a></p>\n'
		+ '</div>\n';
	} else
	{
		var returnHTML = baseHtml_HD + baseHtml_DT + baseHtml_FT;
	}
	//
	return returnHTML;
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var thisObj = new Object ();
var tabObj = new Object ();
var pageObj = new Object ();
//
var tabpageNum;
//
var tabInitFunc = function ()
{
	thisObj.setup = {
		tabs : document.getElementById ('tab').getElementsByTagName ('li') ,
		pages : [document.getElementById ('entry1') , document.getElementById ('entry2')]
	}
	//
	tabObj = thisObj.setup.tabs;
	pageObj = thisObj.setup.pages;
	//
	if (tabpageNum == undefined)
	{
		tabpageNum = 0;
	}
	//
	thisObj.init (tabpageNum);
}
var doFunc = function (Nm)
{
	tabpageNum = Nm;
	thisObj.showpage (Nm);
	//return false;
	
}
//
thisObj = {
	init : function ()
	{
		var tabs = tabObj;
		var pages = pageObj;
		//
		for (i = 0; i < tabs.length; i ++)
		{
			if (i !== tabpageNum)
			{
				var def_className = 'selected-null';
				//
				var isIE = (document.documentElement.getAttribute ("style") == document.documentElement.style);
				if (isIE)
				{
					pages [i].setAttribute ('className', 'display-none');
					tabs [i].setAttribute ('className', def_className);
				} else
				{
					pages [i].setAttribute ('class', 'display-none');
					tabs [i].setAttribute ('class', def_className);
				}
			} else
			{
				var def_className = 'selected-' + tabs [i].getAttribute ('id');
				//
				var isIE = (document.documentElement.getAttribute ("style") == document.documentElement.style);
				if (isIE)
				{
					pages [i].setAttribute ('className', 'display-block');
					tabs [i].setAttribute ('className', def_className);
				} else
				{
					pages [i].setAttribute ('class', 'display-block');
					tabs [i].setAttribute ('class', def_className);
				}
			}
			//
			var targetTabID = tabs [i].getAttribute ('id');
			if (i == 0)
			{
				var targetTabHTML = '<a href=\"javascript:doFunc(0)\">RUN&amp;WALK</a>';
			} else
			{
				var targetTabHTML = '<a href=\"javascript:doFunc(1)\">BIKE</a>'
			}
			//
			//tabs [i].onclick = doFunc ();
			setInnnnerHTML (targetTabID, targetTabHTML);
		}
	},
	showpage : function (nmmmm)
	{
		if (nmmmm == 0)
		{
			glob_coursetype_WKT = 'run';
		} else if (nmmmm == 1)
		{
			glob_coursetype_WKT = 'bike';
		}
		//
		var tabs = tabObj;
		var pages = pageObj;
		//
		for (var i = 0; i < tabs.length; i ++)
		{
			if (i == tabpageNum)
			{
				var classStr = 'selected-' + tabs [i].getAttribute ('id');
				//
				var isIE = (document.documentElement.getAttribute ("style") == document.documentElement.style);
				if (isIE)
				{
					pages [i].setAttribute ('className', 'display-block');
					tabs [i].setAttribute ('className', classStr);
				} else
				{
					pages [i].setAttribute ('class', 'display-block');
					tabs [i].setAttribute ('class', classStr);
				}
			} 
			else
			{
				var classStr = 'selected-null';
				//
				var isIE = (document.documentElement.getAttribute ("style") == document.documentElement.style);
				if (isIE)
				{
					pages [i].setAttribute ('className', 'display-none');
					tabs [i].setAttribute ('className', classStr);
				} else
				{
					pages [i].setAttribute ('class', 'display-none');
					tabs [i].setAttribute ('class', classStr);
				}
			}
		}
	}
}

