var ajax = new sack();
var articleListObj;
var activeArticle = false;
var clickedArticle = false;
var contentObj	// Reference to article content <div>

function mouseoverArticle()	// Highlight article
{
	if(this==clickedArticle)return;
	if(activeArticle && activeArticle!=this){
		if(activeArticle==clickedArticle)
			activeArticle.className='articleClick';
		else
			activeArticle.className='';
		
	}
	this.className='articleMouseOver';
	activeArticle = this;	// Storing reference to this article
}

function showContent1()	// Displaying content in the content <div>
{
	document.getElementById("1").innerHTML = ajax.response;
}
function showContent2()	
{
	document.getElementById("2").innerHTML = ajax.response;
}
function showContent3()	
{
	document.getElementById("3").innerHTML = ajax.response;
}

function showWaitMessage1()
{
	document.getElementById("1").innerHTML = '<BR>Exécution...un instant S.V.P';
}
function showWaitMessage2()
{
	document.getElementById("2").innerHTML = '<BR>Exécution...un instant S.V.P';
}
function showWaitMessage3()
{
	document.getElementById("3").innerHTML = '<BR>Exécution...un instant S.V.P';
}


function selectArticle()	// User have clicked on an article
{
getAjaxFile(this.id); //getAjaxFile est dans membre.asp
//getAjaxFile('testajax.asp?id='+this.id);	// Calling the getAjasFile function. argument to the function is id of this <li> + '.html', example "article1.html"
	if(clickedArticle && clickedArticle!=this)clickedArticle.className='articleMouseOver';
	this.className='articleClick';
	clickedArticle = this;
}


function initAjaxDemo()
{
	document.getElementById("1").onmouseover = mouseoverArticle;
	document.getElementById("2").onmouseover = mouseoverArticle;
	document.getElementById("3").onmouseover = mouseoverArticle;

	document.getElementById("1").onclick = selectArticle;
	document.getElementById("2").onclick = selectArticle;
	document.getElementById("3").onclick = selectArticle;
}
window.onload = initAjaxDemo;