var ajax2 = 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 mouseoutArticle()	// Highlight article
{
	if(this==clickedArticle)return;
	if(activeArticle && activeArticle!=this){
		if(activeArticle==clickedArticle)
			activeArticle.className='articleClick';
		else
			activeArticle.className='';
		
	}
	this.className='';
	activeArticle = this;	// Storing reference to this article
}

function showContent()	// Displaying content in the content <div>
{
	contentObj.innerHTML = ajax2.response;	// ajax.response is a variable that contains the content of the external file	
}

function showWaitMessage()
{
	contentObj.innerHTML = '<img src="http://www.casinosgamblingusa.com/img/wait.gif" alt="wait" />';
}
function getAjaxFile(fileName)
{
	ajax2.requestFile = fileName;	// Specifying which file to get
	ajax2.onCompletion = showContent;	// Specify function that will be executed after file has been found
	ajax2.onLoading = showWaitMessage;	// Action when AJAX is loading the file
	ajax2.runAJAX();		// Execute AJAX function	
}

function selectArticle()	// User have clicked on an article
{
	getAjaxFile('http://www.casinosgamblingusa.com/'+this.id + '.html');	// Calling the getAjasFile function. argument to the function is id of this <li> + '.html', example "article1.html"
	if(clickedArticle && clickedArticle!=this)clickedArticle.className='';
	this.className='articleClick';
	clickedArticle = this;
}


function initAjaxDemo()
{
	articleListObj = document.getElementById('articleList');
	var articles = articleListObj.getElementsByTagName('LI');
	for(var no=0;no<articles.length;no++){
		articles[no].onmouseover = mouseoverArticle;
		articles[no].onmouseout = mouseoutArticle;
		articles[no].onclick = selectArticle;
	}	
	
	contentObj = document.getElementById('contentContainer');

	getAjaxFile('http://www.casinosgamblingusa.com/article1.html');	// Calling the getAjasFile function. argument to the function is id of this <li> + '.html', example "article1.html"
	document.getElementById('article1').className='articleClick';
	clickedArticle = document.getElementById('article1');
}