$(function(){
	
	
	// Content_Box_Id = tab_id.replace('tab-', '')
	
	function getContentEl(tab){
		return $('#' + $(tab).attr('id').replace('tab-', ''));
	}
	
	$('.tabs li').click(function(event){
		event.preventDefault();
	
		var tab = $(this),
			old_tab = tab.parent().find('li.current'),
			content = getContentEl(tab),
			old_content = getContentEl(old_tab);
			
		// remove old tab
		old_tab.html('<div class="in"><a class="dashed">' + old_tab.text() + '</a></div>').removeClass('current blu');
		// hide old content
		old_content.hide();
		
		// set new tab
		tab.html('<div class="tl"><div class="tr"><div class="in"></div></div></div>'+
			'<div class="in"><h3>' + tab.text() + '</h3></div>'+
			'<div class="bl"><div class="br"><div class="in"></div></div></div>'+
			'<div class="ar"></div>').addClass('current blu');
		// show new content
		content.show();
	
	})


});