// JavaScript Document
function include(xUrl,xId) {

  var xmlhttp = false;

  /*@cc_on @*/

  /*@if (@_jscript_version >= 5)

  // JScript gives us Conditional compilation, we can cope with old IE versions.
  // and security blocked creation of the objects.

  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
   }

  /*@end @*/

  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }

  xmlhttp.open("GET", xUrl,true);
  xmlhttp.onreadystatechange=function() {
          if (xmlhttp.readyState==4) {
                document.getElementById(xId).innerHTML = xmlhttp.responseText;
				if(xId=="topNavBar")
				{
					callNavLoaded();	
				}
				if(xId=="leftNavDynamic")
				{
					callNavLoaded2();
				}
				if(xId=="pageContainer")
				{
					callPageContainer();
				}
          }
  }
  
  xmlhttp.send(null)

}



/* Sets main nav variable */
function callNavLoaded()
{
		var obj_cssMenu1 = new CSSMenu("topNav");
		obj_cssMenu1.setTimeouts(400, 400, 100);
		obj_cssMenu1.setSubMenuOffset(0, 0, 0, 0);
		obj_cssMenu1.setHighliteCurrent(true);
		obj_cssMenu1.setAnimation('slide');
		obj_cssMenu1.show();
		
}

/* Sets left nav variable */
function callNavLoaded2()
{
	 var obj_cssMenu2 = new CSSMenu("leftNavDynamic");
    obj_cssMenu2.setTimeouts(400, 400, 100);
    obj_cssMenu2.setSubMenuOffset(1, 0, 0, 0);
    obj_cssMenu2.setHighliteCurrent(true);
    obj_cssMenu2.setAnimation('slide');
    obj_cssMenu2.show();
}

/* this sets variables for the styleguides page */
function callPageContainer()
{
	var tabset1 = new Widgets.Tabset('tabset1', null);
	var tabset2 = new Widgets.Tabset('tabset2', null);	
	var tabset3 = new Widgets.Tabset('tabset3', null);
	
	var collapsible1 = new Widgets.Collapsible('collapsible1', null);
	var collapsible2 = new Widgets.Collapsible('collapsible2', null);
	var errorPanel = new Widgets.Collapsible('errorPanel', null);
	
	var accordion1 = new Widgets.Accordion('accordion1', null, {});
	
	var errorPanel = new Widgets.Collapsible('errorPanel', null);
}



/* Page preloader clear function */
function clearPreloadPage() { //DOM
	if (document.getElementById){
		//document.getElementById('preLoader').style.visibility='hidden';
		var objholder=document.getElementById('preLoader');
		var browserName=navigator.appName; 
		if (browserName=="Microsoft Internet Explorer"){
			//apply fade filter for IE
			objholder.filters[0].apply();
			objholder.style.visibility="hidden";
			objholder.filters[0].play();
		}
		else{
			//apply visibility for all other browsers
			objholder.style.visibility="hidden";
		}
		
		
	}
	else{
		if (document.layers){ //NS4
			document.preLoader.visibility = 'hidden';
		}
		else { //IE4
			document.all.preLoader.style.visibility = 'hidden';
		}
	}
}

/* onfocus class changer */
/*-----------------------------------------------------*/
function myFocus() {
	//Populate the array with all the page tags
	var allInputs=document.getElementsByTagName("*");
	//Cycle through the tags using a for loop
	for (i=0; i<allInputs.length; i++) {
		//inputs
		if (allInputs[i].className=='input') {
			allInputs[i].onfocus=function(){
				// Apply focus class
				this.className='inputFocus';
			}
			allInputs[i].onblur=function(){
				// Apply focus class
				this.className='input';
			}
		}
		//textarea
		if (allInputs[i].className=='textarea') {
			allInputs[i].onfocus=function(){
				// Apply focus class
				this.className='textareaFocus';
			}
			allInputs[i].onblur=function(){
				// Apply focus class
				this.className='textarea';
			}
		}
		
	}
} 


/* This function shows the current leftNav button for that page */
/*-----------------------------------------------------*/
function showCurrentButton(btnName){
	buttonName=document.getElementById(btnName);
	buttonName.className+=" active";
}