/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
/*********************************************
How to use : 

Load a page in a div :
<a href="javascript:ajaxpage('test.htm', 'contentarea');">test</a>
<div id="contentarea"></div>

Load absolute URL link:
Here's a different link syntax that references an absolute URL to the file on your server:
<a href="javascript:ajaxpage(rootdomain+'/mydir/index.htm', 'contentarea');">test</a>
<div id="contentarea"></div>

Load from a Drop-down menu :
<form>
<select id="ajaxmenu" size="1" onChange="ajaxcombo('ajaxmenu', 'contentarea')">
<option value="">Select A file to load</option>
<option value="page1.htm">Page 1</option>
<option value="page2.htm">Page 2</option>
<option value="subdirectory/page3.htm">Page 3</option>
</select>
</form>
*********************************************/

var bustcachevar=1; //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects="";
var rootdomain="http://"+window.location.hostname;
var bustcacheparameter="";

function ajaxpage(url, containerid)
{
  var page_request = false;
  if (window.ActiveXObject) // if IE
	{ 
		try 
		{
			page_request = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e)
		{
			try
			{
				page_request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){}
		}
	}
  else if (window.XMLHttpRequest) // if Mozilla, Safari etc
	{
		page_request = new XMLHttpRequest();
	}
	else 
	{ 
		return false;
	}
		
	page_request.onreadystatechange=function()
	{
		loadPage(url, page_request, containerid);
	}

	if (bustcachevar) //if bust caching of external page
	{
		bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime();
	}	
	page_request.open('GET', url+bustcacheparameter, true);
	page_request.send(null);
}

function loadDiv(url, containerid)
{
  ajaxpage(url, containerid);
}

function loadLeft(url)
{
  ajaxpage(url, 'sb_nav');
}

// This function loads both left and right panel pages
function loadPages(left, right)
{
  loadLeft(left);
  loadRight(right);
}

function loadPage(url, page_request, containerid)
{
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
	{
    if (document.getElementById(containerid))
      document.getElementById(containerid).innerHTML=page_request.responseText;
	} 
	else if (page_request.readyState == 4 && page_request.status!=200)
	{
    if (document.getElementById(containerid))    
      document.getElementById(containerid).innerHTML= 'Error ' + page_request.status + ' on URL ' + url;
	}
}

function loadObjs()
{
	if (!document.getElementById)
	{
		return;
	}
	
	for (i=0; i<arguments.length; i++)
	{
		var file=arguments[i];
		var fileref="";
		if (loadedobjects.indexOf(file)== -1)
		{ 
			//Check to see if this object has not already been added to page before proceeding
			if (file.indexOf(".js")!= -1)
			{ //If object is a js file
				fileref=document.createElement('script');
				fileref.setAttribute("type","text/javascript");
				fileref.setAttribute("src", file);
			}
			else if (file.indexOf(".css")!= -1)
			{ //If object is a css file
				fileref=document.createElement("link")
				fileref.setAttribute("rel", "stylesheet");
				fileref.setAttribute("type", "text/css");
				fileref.setAttribute("href", file);
			}
		}
		if (fileref!="")
		{
			document.getElementsByTagName("head").item(0).appendChild(fileref);
			loadedobjects += file+ " "; //Remember this object as being already added to page
		}
	}
}

function loadRight(url)
{
  ajaxpage(url, 'pagecontent');
}