function switchTab(i) {

	var el = document.getElementById('tab_'+i+'_content');

	switch(parseInt(i)) {
	
		case 1:
			document.getElementById('tab_2_content').style.display = 'none';
			el.style.display = 'inline';
			changeTabBG(i);
			break;
			
		case 2:
			document.getElementById('tab_1_content').style.display = 'none';	
			el.style.display = 'inline';
			changeTabBG(i);			
			break;
			
		case 3:
			document.getElementById('tab_4_content').style.display = 'none';
			el.style.display = 'inline';
			changeTabBG(i);
			break;
			
		case 4:
			document.getElementById('tab_3_content').style.display = 'none';	
			el.style.display = 'inline';
			changeTabBG(i);			
			break;
			
		case 5:
			document.getElementById('tab_6_content').style.display = 'none';
			el.style.display = 'inline';
			changeTabBG(i);
			break;
			
		case 6:
			document.getElementById('tab_5_content').style.display = 'none';	
			el.style.display = 'inline';
			changeTabBG(i);			
			break;
			
		case 7:
			document.getElementById('tab_8_content').style.display = 'none';
			el.style.display = 'inline';
			changeTabBG(i);
			break;
			
		case 8:
			document.getElementById('tab_7_content').style.display = 'none';	
			el.style.display = 'inline';
			changeTabBG(i);			
			break;			
	}
}

function changeTabBG(i) {

	switch(parseInt(i)) {
	
		case 1:
			document.getElementById('tab_2').className = document.getElementById('tab_2').className.replace('ac_tab','');
			document.getElementById('tab_1').className = 'rankBox_tab ac_tab';
			document.getElementById('tab_2').style.borderLeft = '0';
			document.getElementById('tab_2').style.borderRight = '0';
			break;
			
		case 2:
			document.getElementById('tab_1').className = document.getElementById('tab_1').className.replace('ac_tab','');
			document.getElementById('tab_2').className = 'rankBox_tab ac_tab';
			document.getElementById('tab_2').style.borderLeft = '1px solid #D2E4BD';
			document.getElementById('tab_2').style.borderRight = '1px solid #D2E4BD';
			document.getElementById('tab_2').style.borderBottom = '0';
			break;
			
		case 3:
			document.getElementById('tab_4').className = document.getElementById('tab_4').className.replace('ac_tab_2','');
			document.getElementById('tab_3').className = 'commentBox_tab ac_tab_2';
			document.getElementById('tab_4').style.borderLeft = '0';
			document.getElementById('tab_4').style.borderRight = '0';
			break;
			
		case 4:
			document.getElementById('tab_3').className = document.getElementById('tab_3').className.replace('ac_tab_2','');
			document.getElementById('tab_4').className = 'commentBox_tab ac_tab_2';
			document.getElementById('tab_4').style.borderLeft = '1px solid #9DAB93';
			document.getElementById('tab_4').style.borderRight = '1px solid #9DAB93';
			break;
			
		case 5:
			document.getElementById('tab_6').className = document.getElementById('tab_6').className.replace('ac_tab_2','');
			document.getElementById('tab_5').className = 'restaurantBox_tab ac_tab_2';
			document.getElementById('tab_6').style.borderLeft = '0';
			document.getElementById('tab_6').style.borderRight = '0';
			break;
			
		case 6:
			document.getElementById('tab_5').className = document.getElementById('tab_5').className.replace('ac_tab_2','');
			document.getElementById('tab_6').className = 'restaurantBox_tab ac_tab_2';
			document.getElementById('tab_6').style.borderLeft = '1px solid #9DAB93';
			document.getElementById('tab_6').style.borderRight = '1px solid #9DAB93';
			break;
			
		case 7:
			document.getElementById('tab_8').className = document.getElementById('tab_7').className.replace('ac_tab','');
			document.getElementById('tab_7').className = 'snapBox_tab ac_tab';
			document.getElementById('tab_8').style.borderLeft = '0';
			document.getElementById('tab_8').style.borderRight = '0';
			break;
			
		case 8:
			document.getElementById('tab_7').className = document.getElementById('tab_8').className.replace('ac_tab','');
			document.getElementById('tab_8').className = 'snapBox_tab ac_tab';
			document.getElementById('tab_8').style.borderLeft = '1px solid #D2E4BD';
			document.getElementById('tab_8').style.borderRight = '1px solid #D2E4BD';
			break;
	}
}