function initTabs(){
	
		var tabs	= $('#tab-list-main a')
		tabs.bind
			(
			'click',
			function(e, i){
				showTab(e)
				}
			)
			
		var tabs	= $('#tab-list-main a:first')
		tabs.each(
			function(e, i){
				showTab(this)
				}
			)
		}

	function showTab(element, preview){
		// get element
			
			// DOM event i.e. a click
				if(element.target){
					element = element.target
					}

		// variables
			var tabGroup		= $(element).parents('ul')
			var tab				= $(element).parents('li')
			
			var sectionGroup	= $(tabGroup.attr('section'))
			var sectionName		= tab.attr('section')
			var section			= $(sectionName, sectionGroup)

		// update tabs
			$('li', tabGroup).removeClass('active').addClass('inactive')
			tab.removeClass('inactive').addClass('active')
			
		// update sections
			$('.section', sectionGroup).hide()
			section.show()
			
		}

$(document).ready(
	function(){

		// tabs
			initTabs()
	});