// JavaScript Document


var currentId;
var border = "1px solid #8AC8DD";
var bigborder = "2px solid #8AC8DD";
function show(id){
	currentId = id;
	$(id).className = 'active';

	switch(id){
		case 'group_3'  : $('group_2_1').style.borderRight = 'none';$('group_4_1').style.borderLeft = 'none';break;
		case 'group_2'  : $('group_1_1').style.borderRight = 'none';$('group_3_1').style.borderLeft = 'none';break;
	}
	
	for(var i = 0; i < 10; i++){
		if($(id+"_"+i)!=null){
			$(id+"_"+i).style.display = 'block';
		}
	}
	$(id+"_1").style.borderLeft=bigborder;
	$(id+"_1").style.borderRight=bigborder;
}




function hide(id){
	if(id == thisGroup){
		$(id).className = 'preactive';
	}
	else {
		$(id).className = '';
	}
	
	switch(id){
		case 'group_3'  : $('group_2_1').style.borderRight = border;$('group_4_1').style.borderLeft = border;break;
		case 'group_2'  : $('group_1_1').style.borderRight = border;$('group_3_1').style.borderLeft = border;break;
	}

	for(var i = 2; i < 10; i++){
		if($(id+"_"+i)!=null){
			$(id+"_"+i).style.display = 'none';
		}
	}
	$(id+"_1").style.borderLeft=border;
	$(id+"_1").style.borderRight=border;
}


function $(id){
	return document.getElementById(id);
}