$(document).ready(function(){
	
	var $tabs = $('table.tab');	
	
	if(!$tabs.length) return false;
	
	
	var tabHeight = 0;
	
	$('.contentHeader').hide();
	
	$tabs.wrapAll('<div id="jTabs" />');
	$tabsWrapper = $('#jTabs');
	
	$('div.content').prepend('<div id="jTabsHeader" />');
	$tabsHeader = $('#jTabsHeader');

	$.each($tabs, function(index){
		if($(this).height() > tabHeight){
			tabHeight = $(this).height();
		}
		if(index != 0){
			$(this).css('display','none');
		}
		$(this).css({
			'position':'absolute',
			'top':'0px',
			'left':'0px',
			'background':'#FFF',
			'z-index':$tabs.length - index
		}).attr('id','jTab'+index);
		if($(this).children('caption').length ){
			$tabsHeader.append('<a class="jTabsLink contentHeader" href="#jTab'+index+'" >'+$(this).children('caption').html()+'</a>');	
			
			+$(this).children('caption').hide();
		} else {
			$tabsHeader.append('<a class="jTabsLink contentHeader" href="#jTab'+index+'" >>***></a>');
		}
		
	});
	
	//if( $('a.jTabsLink').attr('href') == '#jTab0' ) $(this).addClass('active');
	//$('a.jTabsLink[href="#jTab0"]').addClass('active');
	$('a.jTabsLink:first-child').addClass('active');
	
	$tabsWrapper.css({
		'position':'relative',
		'height':tabHeight+'px'
	});
	
	
	// on click -----------------------------------------
	
	$('a.jTabsLink').click(function(e){
		$('a.jTabsLink').removeClass('active');
		$(this).addClass('active');
		e.preventDefault();
		$('div#jTabs table.tab').hide().removeClass('active');
		//alert($(this).attr('href'));
		
		var hrefArr = $(this).attr('href').split('#');
		var hrefId = hrefArr[hrefArr.length-1];

		
		var $link = 'div#jTabs table#'+hrefId;
		$($link).show().addClass('active');
		//$('div#jTabs table#jTab1').show().addClass('active');

		try {
			console.log($link);
		} catch(err) {
		
		}
	});
	
	
	
	
	
});
