var _loadingStr="<br><br><center><font color=red>Loading...</font><br><img src=\"http://www.hsdm.com/resources/images/pbar.gif\"></img></center>";
                var cgLinks=new Array();
                var cgTabs=new Array("tab1","tab2","tab3","tab4");
                for(i=0;i<cgTabs.length;i++){
                        cgLinks[cgTabs[i]]=new Object();
                }
             /*   cgLinks["tab1"].value="2041";
                cgLinks["tab2"].value="2042";
                cgLinks["tab3"].value="2043";
		*/
var tabName=" ";

function tabInit (tabname) {
	tabName=new String(tabname);
	if(tabName=="CGTabs"){
                cgLinks["tab1"].value="2041";
                cgLinks["tab2"].value="2042";
                cgLinks["tab3"].value="2043";
		cgLinks["tab4"].value="2044";
	}else{
                cgLinks["tab1"].value="1041";
                cgLinks["tab2"].value="1042";

	}
	var tabs = document.getElementsByClassName(tabName);

	for (var i = 0; i < tabs.length; i++) {				
		$(tabs[i].id).onclick = function () {
			clearTabsContent(tabs);
			this.setActive=true;
			getTabDataContent(this.id);			
		}
		$(tabs[i].id).onmouseover = function () {
			showMouseOverTab(this);
		}
		$(tabs[i].id).onmouseout = function () {
				showMouseOutTab(this);				
		}
	}
}//end of function

function clearTabsContent(tabs){
	for (var i = 0; i < tabs.length; i++) {
		tabs[i].setActive=false;
		showMouseOutTab(tabs[i]);
	}
}

function showMouseOverTab(tab) {
	tab.style.background="#bbb";
}

function showMouseOutTab(tab) {
	tab.style.background="#ddd";
	tab.style.color="#444";
}

function getTabDataContent(id) {
	var url = " ";
	if(tabName=="CGTabs"){
		url='/cgi-bin/cgProject.pl';
	}else{
		url='/cgi-bin/rProject.pl';
	}
	var rand = Math.random(9999);
	var pars = 'id=' + cgLinks[id].value + '&rand=' + rand;
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: 	
	showLoadContentTab, onComplete: showResponseContentTab} );
}

function showLoadContentTab () {
	$('TabContent').innerHTML=_loadingStr;
}

function showResponseContentTab (originalRequest) {
	var newData = originalRequest.responseText;
	$('load').style.display = 'none';
	$('TabContent').innerHTML = newData;
}