var aboutMeTopClass;
var aboutMeBottomClass;
var projectsTopClass;
var projectsBottomClass;
var inspirationsTopClass;
var inspirationsBottomClass;
var schoolWorkTopClass;
var schoolWorkBottomClass;
var openSourceTopClass;
var openSourceBottomClass;
var linksTopClass;
var linksBottomClass;

function unselectAllExceptMe(elementId){
	storeOriginalSelection();
	
	document.getElementById('aboutMeTop').className='topLeftOff';
	document.getElementById('aboutMeBottom').className='bottomLeftOff';
	document.getElementById('projectsTop').className='topMiddleOff';
	document.getElementById('projectsBottom').className='bottomMiddleOff';
	document.getElementById('inspirationsTop').className='topMiddleOff';
	document.getElementById('inspirationsBottom').className='bottomMiddleOff';
	document.getElementById('schoolWorkTop').className='topMiddleOff';
	document.getElementById('schoolWorkBottom').className='bottomMiddleOff';
	document.getElementById('openSourceTop').className='topMiddleOff';
	document.getElementById('openSourceBottom').className='bottomMiddleOff';
	document.getElementById('linksTop').className='topRightOff';
	document.getElementById('linksBottom').className='bottomRightOff';		
}

function restoreSelections(){
	document.getElementById('aboutMeTop').className=aboutMeTopClass;
	document.getElementById('aboutMeBottom').className=aboutMeBottomClass;
	document.getElementById('projectsTop').className=projectsTopClass;
	document.getElementById('projectsBottom').className=projectsBottomClass;
	document.getElementById('inspirationsTop').className=inspirationsTopClass;
	document.getElementById('inspirationsBottom').className=inspirationsBottomClass;
	document.getElementById('schoolWorkTop').className=schoolWorkTopClass;
	document.getElementById('schoolWorkBottom').className=schoolWorkBottomClass;
	document.getElementById('openSourceTop').className=openSourceTopClass;
	document.getElementById('openSourceBottom').className=openSourceBottomClass;
	document.getElementById('linksTop').className=linksTopClass;
	document.getElementById('linksBottom').className=linksBottomClass;
}

function storeOriginalSelection(){
	aboutMeTopClass=document.getElementById('aboutMeTop').className;
	aboutMeBottomClass=document.getElementById('aboutMeBottom').className;
	projectsTopClass=document.getElementById('projectsTop').className;
	projectsBottomClass=document.getElementById('projectsBottom').className;
	inspirationsTopClass=document.getElementById('inspirationsTop').className;
	inspirationsBottomClass=document.getElementById('inspirationsBottom').className;
	schoolWorkTopClass=document.getElementById('schoolWorkTop').className;
	schoolWorkBottomClass=document.getElementById('schoolWorkBottom').className;
	openSourceTopClass=document.getElementById('openSourceTop').className;
	openSourceBottomClass=document.getElementById('openSourceBottom').className;
	linksTopClass=document.getElementById('linksTop').className;
	linksBottomClass=document.getElementById('linksBottom').className;
}

function ajaxFunction(element,e)
{
	//this is to stop from onclick event bubbling up the li's
 	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();


var elName = element.id;
var xmlHttp;

try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }

var url1 = "../../cgi-bin/MainMode.cgi?mode=response&currentElement="+elName+"&";

  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
	
        // element.value=stripBlanks(xmlHttp.responseXML.documentElement.getElementsByTagName("result")[0].childNodes[0].nodeValue);
		//document.getElementById('article').innerHTML = document.write(DashboardWidgets.html);
       //  alert(xmlHttp.responseXML.documentElement.getElementsByTagName("result")[0].childNodes[0].innerHTML);

	    document.getElementById('article').innerHTML = xmlHttp.responseText;    
	        
      
      }
    }
  

  xmlHttp.open("GET",url1,true);
  xmlHttp.send(null);


  }