/********************************************************************************************/
/* AJAX Simple Tabs by developersnippets, This code is intended for practice purposes.      */
/* You may use these functions as you wish, for commercial or non-commercial applications,  */
/* but please note that the author offers no guarantees to their usefulness, suitability or */
/* correctness, and accepts no liability for any losses caused by their use.                */
/********************************************************************************************/

var req;
function callPage(pageUrl, divElementId, loadinglMessage, pageErrorMessage) {
     document.getElementById(divElementId).innerHTML = loadinglMessage;
     try {
     req = new XMLHttpRequest(); /* e.g. Firefox */
     } catch(e) {
       try {
       req = new ActiveXObject("Msxml2.XMLHTTP");  /* some versions IE */
       } catch (e) {
         try {
         req = new ActiveXObject("Microsoft.XMLHTTP");  /* some versions IE */
         } catch (E) {
          req = false;
         } 
       } 
     }
     req.onreadystatechange = function() {responsefromServer(divElementId, pageErrorMessage);};
     req.open("GET",pageUrl,true);
     req.send(null);
  }

function responsefromServer(divElementId, pageErrorMessage) {
   var output = '';
   if(req.readyState == 4) {
      if(req.status == 200) {
         output = req.responseText;
         document.getElementById(divElementId).innerHTML = output;
         } else {
         document.getElementById(divElementId).innerHTML = pageErrorMessage+"\n"+output;
         }
      }
  }
  
/* This Function is for Tab Panels */
function activeTaba(tab)
	{
		document.getElementById("taba1").className = "";
		document.getElementById("taba2").className = "";
		document.getElementById("taba"+tab).className = "active";
		document.getElementById("li1").className = "on";
		document.getElementById("li2").className = "";
		document.getElementById("contentTableLeft1").className = "hide";
		document.getElementById("contentTableLeft2").className = "hide";
		document.getElementById("contentTableLeft"+tab).className = "";		
	}
	
function activeTabb(tab)
	{
		document.getElementById("tabb1").className = "";
		document.getElementById("tabb2").className = "";
		document.getElementById("tabb3").className = "";
		document.getElementById("tabb"+tab).className = "active";	
		document.getElementById("contentTableLeftb1").className = "hide";
		document.getElementById("contentTableLeftb2").className = "hide";
		document.getElementById("contentTableLeftb3").className = "hide";
		
		document.getElementById("contentTableLeftb"+tab).className = "";	

	}
function activeTabr(tab)
	{
		document.getElementById("tabr1").className = "";
		document.getElementById("tabr2").className = "";
		document.getElementById("tabr3").className = "";
		document.getElementById("tabr"+tab).className = "active";	
		document.getElementById("contentTableRight1").className = "hide";
		document.getElementById("contentTableRight2").className = "hide";	
		document.getElementById("contentTableRight3").className = "hide";
		document.getElementById("contentTableRight"+tab).className = "";	

	}
function activeTabc(tab)
	{
		document.getElementById("tabc1").className = "";
		document.getElementById("tabc2").className = "";
		document.getElementById("tabc3").className = "";
		document.getElementById("tabc"+tab).className = "active";	
		document.getElementById("contentTableTopRight1").className = "hide";
		document.getElementById("contentTableTopRight2").className = "hide";
		document.getElementById("contentTableTopRight3").className = "hide";
		document.getElementById("contentTableTopRight"+tab).className = "";	

	}
function activeTabd(tab)
	{
		document.getElementById("tabd4").className = "";
		document.getElementById("tabd5").className = "";
		document.getElementById("tabd"+tab).className = "active";	
		document.getElementById("contentTableTopRight4").className = "hide";
		document.getElementById("contentTableTopRight5").className = "hide";
		document.getElementById("contentTableTopRight"+tab).className = "";	

	}
function showLogin(tab)
	{
		document.getElementById("loginCode").className = "";
		document.getElementById("LoginButtons").className = "hide";
	}