/********************************************************************************************/
/* 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 = false;
function callPage(pageUrl, divElementId, loadinglMessage, pageErrorMessage) {
     document.getElementById(divElementId).innerHTML = loadinglMessage;

    /*@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 {
      req = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) {
      try {
       req = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
       req = false;
      }
     }
    @end @*/
    
    if (!req && typeof XMLHttpRequest!='undefined') {
        try {
	        req = new XMLHttpRequest();
        } catch (e) {
	        req=false;
        }
    }
    if (!req && window.createRequest) {
        try {
	        req = window.createRequest();
        } 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 activeTab(tab, pageToGet, tabCnt)
	{   
	    var tCnt;
	
	    for (tCnt = 1;tCnt <= tabCnt;tCnt++) {
	        document.getElementById("tab"+tCnt).className = "";
	    }
		
		document.getElementById("tab"+tab).className = "active";
		
		callPage(pageToGet, 'contentTab', '<img src=\"images/loading.gif\" /> Content is loading, Please Wait...', 'Error in Loading page <img src=\"images/error_caution.gif\" />');
	}
