/*-----------------------------------------------------------
Toggles element's display value
Input: any number of element id's
Output: none 
---------------------------------------------------------*/
function toggleDisp() {
for (var i=0;i<arguments.length;i++){
    var d = $(arguments[i]);
    if (d.style.display == 'none')
        d.style.display = 'block';
    else
        d.style.display = 'none';
}
}
/*-----------------------------------------------------------
Toggles tabs - Closes any open tabs, and then opens current tab
Input:     1.The number of the current tab
           2.The number of tabs
           3.(optional)The number of the tab to leave open
Output: none 
---------------------------------------------------------*/
function toggleTab(num,numelems,opennum) {
	if ($('tabContent'+num).style.display == 'none'){
	    for (var i=1;i<=numelems;i++){
	        if ((opennum == null) || (opennum != i)){
	            var temph = 'tabHeader'+i;
	            var h = $(temph);
	            if (!h){
	                var h = $('tabHeaderActive');
	                h.id = temph;
	            }
	            var tempc = 'tabContent'+i;
	            var c = $(tempc);
	            if(c.style.display != 'none'){
	                toggleDisp(tempc);
	            }
	        }
	    }
	    var h = $('tabHeader'+num);
	    if (h)
	        h.id = 'tabHeaderActive';
	    h.blur();
	    var c = $('tabContent'+num);
	    c.style.marginTop = '2px';
        toggleDisp('tabContent'+num);
	}
}