﻿// JavaScript Document


var ajax = new sack();
var articleListObj;
var activeArticle = false;
var clickedArticle = false;
var contentObj;

function mouseoverArticle()	// マウスオーバー時のハイライト


{
	if(this==clickedArticle)return;
	if(activeArticle && activeArticle!=this){
		if(activeArticle==clickedArticle)
			activeArticle.className='articleClick';
		else
			activeArticle.className='';	
		}
	this.className='articleMouseOver';
	activeArticle = this;
}

function showContent()
{
	contentObj.innerHTML = ajax.response;	// ajax.responseは外部ファイルのコンテンツ情報を入れ込む変数	
}

function showWaitMessage()
{
	contentObj.innerHTML = 'Now Loading ....<br>しばらくお待ちください';
}
function showErrorMessage(){
	contentObj.innerHTML = 'error';
}
function getAjaxFile(fileName)
{
	ajax.requestFile = fileName;	// ゲットするファイルを指定


	ajax.onCompletion = showContent;	//ファイルをゲットした後に実行される関数を指定


	ajax.onLoading = showWaitMessage;	// AJAXがファイルを読み込んでいる間のアクション
	ajax.onError = showErrorMessage;
	ajax.runAJAX();		//AJAX関数を実行	
}

function selectArticle()	// ユーザーが右側のメニューリストをクリックした時に実行される関数
{	
	var categoryName = this.parentNode.parentNode.id;
	var entryName = this.parentNode.id;
	
	getAjaxFile(categoryName + '/' + entryName + '.aspx');	
	if(clickedArticle && clickedArticle!=this)clickedArticle.className='articleMouseOver';
	this.className='articleClick';
	clickedArticle = this;
	return false;
}

function checkurlid(){
	if(location.search.length > 1){
		
		var QS = new Array;
		var m_Array = location.search.substr(1).split("&");
		
		for(var j=0;j<m_Array.length;j++){
			QS.push(m_Array[j].split("="));
		}
		
		var name = QS[0][0];
	 	var value = QS[0][1];
		
		var listObj = document.getElementById(value);
		
		if(listObj && name=="id"){
			linkObj = listObj.getElementsByTagName('A')[0];
			if(linkObj){
				linkObj.onclick();
			}
			
			
		}
	}
}



function initAjaxDemo()
{
	articleListObj = document.getElementById('articleList');
	var articles = articleListObj.getElementsByTagName('A');
	for(var no=0;no<articles.length;no++){
		articles[no].onmouseover = mouseoverArticle;
		articles[no].onclick = selectArticle;
	}
	
	
	contentObj = document.getElementById('contentContainer');
	
	checkurlid();	//URLに項目指定がないかチェック(faq.aspx?id=entry000)
}




//window.onload = initAjaxDemo;
