var tab_id;

function getXMLHTTPRequest() {
	try {
		req = new XMLHttpRequest();
	} catch(err1) {
  		try {
  			req = new ActiveXObject("Msxml2.XMLHTTP");
  		} catch (err2) {
    			try {
    				req = new ActiveXObject("Microsoft.XMLHTTP");
    			} catch (err3) {
      				req = false;
    			}
  		}
	}
	return req;
}

var http = getXMLHTTPRequest();

function page(page) {
  	var myurl = "data.php";
  	tab_id = page;
  	myRand = parseInt(Math.random()*999999999999999);
  	//add random number to URL to avoid cache problems
  	var modurl = myurl+"?page="+page+"&rand="+myRand;
  	http.open("GET", modurl, true);
  	//set up the callback function
  	http.onreadystatechange = useHttpResponse;
  	http.send(null);
}

function useHttpResponse() {
   	if (http.readyState == 4) {
    		if (http.status == 200) {
	   		var mytext = http.responseText;
       			document.getElementById('tabbox').innerHTML = mytext;
       
	   		var nameValue = http.responseXML.getElementsByTagName("content")[0];
	   		var id = http.responseXML.getElementsByTagName("id")[0];
       	   
	   		var tab1="<a onClick='page(1)'><table class='tab' width=60 background='images/inactive.gif'><td align=center>BTech</td></table></a>";
	   		var tab2="<a onClick='page(2)'><table class='tab' width=60 background='images/inactive.gif'><td align=center>MTech</td></table></a>";
	   		var tab3="<a onClick='page(3)'><table class='tab' width=60 background='images/inactive.gif'><td align=center>MBA</td></table></a>";
	   		var tab4="<a onClick='page(4)'><table class='tab' width=60 background='images/inactive.gif'><td align=center>MS</td></table></a>";
	   		var tab5="<a onClick='page(5)'><table class='tab' width=60 background='images/inactive.gif'><td align=center>PhD</td></table></a>";
			if (tab_id == 1) {
				document.getElementById("tab1").innerHTML = "<table class='tab' width=60 background='images/active.gif'><td align=center>BTech</td></table></a>";
				document.getElementById("tab2").innerHTML = tab2;
				document.getElementById("tab3").innerHTML = tab3;
				document.getElementById("tab4").innerHTML = tab4;
				document.getElementById("tab5").innerHTML = tab5;
			} else if (tab_id == 2) {
				document.getElementById("tab1").innerHTML = tab1;
				document.getElementById("tab2").innerHTML = "<table class='tab' width=60 background='images/active.gif'><td align=center>MTech</td></table></a>";
				document.getElementById("tab3").innerHTML = tab3;
				document.getElementById("tab4").innerHTML = tab4;
				document.getElementById("tab5").innerHTML = tab5;
			} else if (tab_id == 3) {
				document.getElementById("tab1").innerHTML = tab1;
				document.getElementById("tab2").innerHTML = tab2;
				document.getElementById("tab3").innerHTML = "<table class='tab' width=60 background='images/active.gif'><td align=center>MBA</td></table></a>";
				document.getElementById("tab4").innerHTML = tab4;
				document.getElementById("tab5").innerHTML = tab5;
			} else if (tab_id == 4) {
				document.getElementById("tab1").innerHTML = tab1;
				document.getElementById("tab2").innerHTML = tab2;
				document.getElementById("tab3").innerHTML = tab3;
				document.getElementById("tab4").innerHTML = "<table class='tab' width=60 background='images/active.gif'><td align=center>MS</td></table></a>";
				document.getElementById("tab5").innerHTML = tab5;
			} else {
				document.getElementById("tab1").innerHTML = tab1;
				document.getElementById("tab2").innerHTML = tab2;
				document.getElementById("tab3").innerHTML = tab3;
				document.getElementById("tab4").innerHTML = tab4;
				document.getElementById("tab5").innerHTML = "<table class='tab' width=60 background='images/active.gif'><td align=center>PhD</td></table></a>";
			}	
		}
  	} else {
  		document.getElementById('tabbox').innerHTML = '<img src="anim.gif">';
  		//document.getElementById('tab1').innerHTML='Open';
  	}
}