// JavaScript Document
var tabcontrol_tabs;
var tabcontrol_panes;

function TabArticle()
{
	this.init	= function()
	{
		$(window).load
		(
			function()
			{
				$('.ce_tabcontrol_tabs').css('display', 'block');
				$('.ce_tabcontrol_pane h1').css('display', 'none');
				$('.ce_tabcontrol_pane h2.headline').css('display', 'none');
				
				tabcontrol_tabs			= $('.ce_tabcontrol_tabs .tabs');
				tabcontrol_panes		= $('.ce_tabcontrol_pane');
				
				$(tabcontrol_tabs).each
				(
					function(key, value)
					{
						$(value).click
						(
							function()
							{
								show_tab_by_id( key );
								show_pane_by_id( key );
							}
						);	
					}
				);
				
				
				$('.ce_tabcontrol_pane .panes').each
				(
					function(key, value)
					{
						$(value).addClass('js-active');
					}
				);
				
				show_tab_by_id( 0 );
				show_pane_by_id( 0 );
			}
		)
	}
}

// display pane
function show_pane_by_id( id )
{
	$(tabcontrol_panes).each
	(
		function(key, value)
		{
			if(key==id)
			{
				$(value).show();
			}
			else
			{
				$(value).hide();
			}
		}
	);
}

// display tabs
function show_tab_by_id( id )
{
	$(tabcontrol_tabs).each
	(
		function(key, value)
		{
			if(key==id)
			{
				$(value).addClass('selected');
			}
			else
			{
				$(value).removeClass('selected');
			}
		}
	);
}


new TabArticle().init();