//// ****** CHANGE TABS ********* ////
function changetab(idBox, idTab) {
	switch(idBox)
	{
		case 'box_1':
		thetabs = new Array('tab_1_1');
		break;

		case 'box_2':
		thetabs = new Array('tab_2_1','tab_2_2');
		break;

		case 'box_3':
		thetabs = new Array('tab_3_1','tab_3_2','tab_3_3');
		break;

		case 'box_4':
		thetabs = new Array('tab_4_1','tab_4_2','tab_4_3','tab_4_4');
		break;

		case 'box_5':
		thetabs = new Array('tab_5_1','tab_5_2','tab_5_3','tab_5_4','tab_5_5');
		break;

		case 'box_6':
		thetabs = new Array('tab_6_1','tab_6_2','tab_6_3','tab_6_4','tab_6_5','tab_6_6');
		break;

}

	for (i=0; i<thetabs.length; i++) {
		thetab=document.getElementById(thetabs[i]);
		content=document.getElementById(thetabs[i] + '_content');
		switch(thetabs[i]) {

			case idTab:
			thetab.className='selected';
			content.style.display = '';
			//content.style.visibility = 'visible';
			break;
			
			default:
			thetab.className='';
			content.style.display = 'none';
		  //content.style.visibility = 'hidden';
			break;
		}	
	}   
}

//// **** HIDE AND SHOW BOX **** ////
// These functions are mostly used with to hide and display profiles but can also be used to show and hide
// any box that has an id. Just use hide(boxid) to hide the box.

function hide(box) {
			box=document.getElementById(box);
			box.style.display = 'none';
}
function show(box) {
			box=document.getElementById(box);
			box.style.display = '';
}