/* --------------------------
		Set Tabs
	-------------------------- */

He.Bootstrap('He.Components.LegaleseTabs');

He.Components.LegaleseTabs.BuildNav = function()
{
	$('#tabs').before('<ol class="tabs_navi"></ol>');
}

He.Components.LegaleseTabs.AddNavItem = function(name, id)
{
	$('ol.tabs_navi').append('<li rel="'+id+'">'+name+'</li>');
}

He.Components.LegaleseTabs.PopUp = function()
{
	$('#popup_legal_and_cgv').css('display', 'block');
	$('#popup_legal_and_cgv div.scroll_pane').jScrollPane();
	He.Components.LegaleseTabs.Init();
	$('#popup_legal_and_cgv').css('display', 'none');
};

He.Components.LegaleseTabs.ActiveNav = function()
{
	var tabs_nav_item = $('ol.tabs_navi li');
	
	tabs_nav_item.each(function()
	{
		var obj = $(this);

		obj.click(function()
		{
			He.Components.LegaleseTabs.List.removeClass('active').addClass('hide');
			tabs_nav_item.removeClass('active');
			
			obj.addClass('active');
			
			var rel = obj.attr('rel');
			
			$('#'+rel).removeClass('hide').addClass('active');
		});
	});
}

He.Components.LegaleseTabs.Init = function()
{
	He.Components.LegaleseTabs.List = $('div.tab');
	var tabs = He.Components.LegaleseTabs.List;
	
	if(tabs.length > 0)
	{
		He.Components.LegaleseTabs.BuildNav();
		
		tabs.each(function()
		{
			var obj = $(this);
			obj.addClass('hide');
			
			var tab_name = obj.find('h3.tab_name');
			tab_name.hide();
			
			He.Components.LegaleseTabs.AddNavItem(tab_name.html(), obj.attr('id'));
			
		});
		
		He.Components.LegaleseTabs.ActiveNav();
		
		$('div.tab:first').removeClass('hide').addClass('active');
		$('ol.tabs_navi li:first').addClass('active');
	}
}