// JavaScript Document
window.onload = initAll;
var loadedScripts = "";
var loadedCSS = "";
if(window.XMLHttpRequest)
    	http = new XMLHttpRequest();
else if(window.ActiveXObject)
     	http = new ActiveXObject("Microsoft.XMLHTTP");

function initAll(){
	loadContent('home.php','contentInner');	
}

function loadContent(source, theDiv, js, css)
{	
     if(http)
     {
          var thisDiv = document.getElementById(theDiv);
			
          http.open("GET",source);

          http.onreadystatechange = function()
          {
			  if(http.readyState == 2){
					thisDiv.innerHTML = 'Loading...';
			  }
			 
               if(http.readyState==4){
                    thisDiv.innerHTML = http.responseText;
					if(js){
						var url = "js/" + js;
						loadScript(url);
					}
					if(css){
						var url = "css/" + css;
						loadCSS(url);
					}
				}					
          }			
          http.send(null);
     }
} 

function loadScript(url)
{
	if(loadedScripts.indexOf(url) == -1){
	   	var e = document.createElement("script");
	   	e.src = url;
	   	e.type="text/javascript";
	   	document.getElementsByTagName("head")[0].appendChild(e); 
		loadedScripts += url;
	}
}
function loadCSS(url)
{
	if(loadedCSS.indexOf(url) == -1){
	   	var e = document.createElement("link");
	   	e.href = url;
	   	e.type="text/css";
		e.rel = "stylesheet";
		e.rev = "stylesheet";
	   	document.getElementsByTagName("head")[0].appendChild(e); 
		loadedCSS += url;
	}
}

function menuOver(cell){
	cell.className = "menuCellOver";
}
function menuOut(cell){
	cell.className = "menuCell";
}
function menuDown(cell,source){
	cell.className = "menuCellDown";
	var url = source + ".php"
	loadContent(url,"contentInner");
}