function show(id){//display an html element
	element = document.getElementById(id);
	if(element!=null) element.style.display = 'block';
}

function hide(id){//hide an html element
	element = document.getElementById(id);
	if(element!=null) element.style.display = 'none';
}

function getElementsByClassDustin(searchClass,node,tag) { 
    var classElements = new Array();
    if ( node == null )
            node = document;
    if ( tag == null )
            tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
    for (i = 0, j = 0; i < elsLen; i++) {
            if ( pattern.test(els[i].className) ) {
                    classElements[j] = els[i];
                    j++;
            }
    }
    return classElements;
}

function getElementsByClass(searchClass,node,tag) { 
	//if is Netscape we use the native procedure
	if (navigator.appName=="Netscape") return document.getElementsByClassName(searchClass);
	else return getElementsByClassDustin(searchClass,node,tag);
}


function ShowTab(id){
	//hidding the boxes
	var eBox = getElementsByClass("tabContent",document.getElementById('box_container'),"div");//all the boxes
	for (i in eBox) hide(eBox[i].id);
	//show the box
	show('tabContent'+id);

	//change tab class
	var eTab = getElementsByClass("tabCenter_selected",document.getElementById('tab_container'),"div");//all the tabs
	for (i in eTab) eTab[i].className ='tabCenter';
	//set on the tab
	var request_info_tab = document.getElementById('tabCenter4');
	if(request_info_tab)
	request_info_tab.className = 'tabCenter_yellow';
	document.getElementById('tabCenter'+id).className ='tabCenter_selected';
	
	var eTab = getElementsByClass("tabLeftCorner_selected",document.getElementById('tab_container'),"div");//all the tabs
	for (i in eTab) eTab[i].className ='tabLeftCorner';
	//set on the tab
	var request_info_tab = document.getElementById('tabLeftCorner4');
	if(request_info_tab)
	request_info_tab.className = 'tabLeftCorner_yellow';
	document.getElementById('tabLeftCorner'+id).className ='tabLeftCorner_selected';

	var eTab = getElementsByClass("tabRightCorner_selected",document.getElementById('tab_container'),"div");//all the tabs
	for (i in eTab) eTab[i].className ='tabRightCorner';
	//set on the tab
	var request_info_tab = document.getElementById('tabRightCorner4');
	if(request_info_tab)
	request_info_tab.className = 'tabRightCorner_yellow';
	document.getElementById('tabRightCorner'+id).className ='tabRightCorner_selected';
}