var ajax = new sack();
var ServiceListObj;
var activeService = false;
var clickedService = false;
var contentObj	// Reference to Service content <div>


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

function showWaitMessage()
{
	document.getElementById('contentObj').innerHTML = '<img src="images/loading.gif"> <span class="text5">Please Wait...</span>';
}

function getAjaxFile(fileName)
{
	ajax.requestFile = fileName;	// Specifying which file to get
	ajax.onCompletion = showContent;	// Specify function that will be executed after file has been found
	ajax.onLoading = showWaitMessage;	// Action when AJAX is loading the file
	ajax.runAJAX();		// Execute AJAX function	
}

function sendFeedBack(txt)	// User have clicked on an Service
{
	getAjaxFile('sendfeedback.php?txt='+txt);	// Calling the getAjasFile function. argument to the function is id of this <li> + '.html', example "Service1.html"
	if(clickedService && clickedService!=this)clickedService.className='ServiceMouseOver';
	this.className='ServiceClick';
	clickedService = this;
}