// ---------------- MUSIC TAB--------------//

function tabSwitch(new_tab, new_content) {
	
	document.getElementById('content_1').style.display = 'none';
	document.getElementById('content_2').style.display = 'none';
	document.getElementById('content_3').style.display = 'none';	
	document.getElementById('content_4').style.display = 'none';	
	document.getElementById(new_content).style.display = 'block';	
	
	document.getElementById('tab_1').className = '';
	document.getElementById('tab_2').className = '';
	document.getElementById('tab_3').className = '';
	document.getElementById('tab_4').className = '';		
	document.getElementById(new_tab).className = 'active';		

}

// Cara Setting Tab pada DIV
// <div id='tab_1'> dan <div id="content_1"> 
// Contoh: tabswitch(1, 4, 'tab', 'panel') akan berpindah ke tab_1 dan panel_1

function tabSwitch_2(active, number, tab_prefix, content_prefix) {
	
	for (var i=1; i < number+1; i++) {
	  document.getElementById(content_prefix+i).style.display = 'none';
	  document.getElementById(tab_prefix+i).className = '';
	}
	document.getElementById(content_prefix+active).style.display = 'block';
	document.getElementById(tab_prefix+active).className = 'active';	
	
}

//----------------  MAGAZINE TAB ------------------------//
function tabMag(new_tabmag, new_contentmag) {
	
	document.getElementById('contentmag_1').style.display = 'none';
	document.getElementById('contentmag_2').style.display = 'none';
	document.getElementById('contentmag_3').style.display = 'none';	
	document.getElementById(new_contentmag).style.display = 'block';	
	
	document.getElementById('tabmag_1').className = '';
	document.getElementById('tabmag_2').className = '';
	document.getElementById('tabmag_3').className = '';		
	document.getElementById(new_tabmag).className = 'active';		

}

// Cara Setting Tab pada DIV
// <div id='tab_1'> dan <div id="content_1"> 
// Contoh: tabswitch(1, 4, 'tab', 'panel') akan berpindah ke tab_1 dan panel_1

function tabMag_2(activemag, numbermag, tabmag_prefix, contentmag_prefix) {
	
	for (var i=1; i < numbermag+1; i++) {
	  document.getElementById(contentmag_prefix+i).style.display = 'none';
	  document.getElementById(tabmag_prefix+i).className = '';
	}
	document.getElementById(contentmag_prefix+activemag).style.display = 'block';
	document.getElementById(tabmag_prefix+activemag).className = 'active';	
	
}

//----------------  ART , BOOK, PHOTO TAB ------------------------//
function tabAll(new_taball, new_contentall) {
	
	document.getElementById('contentall_1').style.display = 'none';
	document.getElementById('contentall_2').style.display = 'none';
	document.getElementById(new_contentall).style.display = 'block';	
	
	document.getElementById('taball_1').className = '';
	document.getElementById('taball_2').className = '';
	document.getElementById('taball_3').className = '';		
	document.getElementById(new_taball).className = 'active';		

}

// Cara Setting Tab pada DIV
// <div id='tab_1'> dan <div id="content_1"> 
// Contoh: tabswitch(1, 4, 'tab', 'panel') akan berpindah ke tab_1 dan panel_1

function tabAll_2(activeall, numberall, taball_prefix, contentall_prefix) {
	
	for (var i=1; i < numberall+1; i++) {
	  document.getElementById(contentall_prefix+i).style.display = 'none';
	  document.getElementById(taball_prefix+i).className = '';
	}
	document.getElementById(contentall_prefix+activeall).style.display = 'block';
	document.getElementById(taball_prefix+activeall).className = 'active';	
	
}