$(document).ready(function() {

	var tabs = document.getElementById('subnav').getElementsByTagName('a');	
	tabs[0].parentNode.className = 'active';
	
	for(var i=0; i<tabs.length; i++){
		var num = parseInt(i+1);
		tabs[i].rel = 'content-'+num;	
		
		tabs[i].onclick = function(){
			// fade out current item
			$('#primaryContent .show').fadeOut('fast');
			
			var div = $('#'+this.rel);
			
			$(div).fadeIn('slow').addClass('show').removeClass('hidden');
			//div.className = 'show';
			this.parentNode.className = 'active';
			
			for(var b=0; b<tabs.length; b++){
				if(tabs[b] != this) tabs[b].parentNode.className = '';
			}
			
			/*
			for(var c=0; c<tabs.length; c++){
				var ndiv = $('#content-'+parseInt(c+1));
				if(ndiv !== div) $(ndiv).fadeOut('fast');//ndiv.className = 'hidden';
			}
			*/
			
			return false;
		}		
	}

});