/*
 * module_tab4col.js
 * 
 * Vid sidladdning körs ett skript för tabb-hantering. Detta lägger till en klass på tabbmodulen för att stänga av
 * stylingen för icke-JS-klienter. Sedan byggs ett element längst upp i modulen som ska innehålla tabbarna (klass "tabHead"). 
 * Tabbarna ligger ursprungligen som rubriker iuti dess respektive innehåll, och flyttas sen upp till "tabHead" där de 
 * också får klick-event. Här körs även checkar som lägger på olika style beroende på antal tabbar etc.
 * 
 * 
 */

/** @id module_tab4col.js
 * 
 * @param {Object} '.module_tab4col'
 */

$(document).ready(function(){
	$('.module_tab4col').each(function(i){
		$('.module_tab4col:eq('+i+')').addClass('tabs_JS');
		$('.module_tab4col:eq('+i+')').prepend('<div class="tabHead"></div>');
		
		var itemLength = $('.module_tab4col:eq('+i+') .tabContent').length;
		
		if (itemLength == 1) {
			$('.module_tab4col:eq('+i+')').addClass('tabs_single');
		} else if($(this).parents('.content_fullTotal').length > 0) {
			if (itemLength > 1 && itemLength < 5) {
				$('.module_tab4col:eq('+i+')').addClass('tabs_lessThanFive');
			} else if (itemLength == 5) {
				$('.module_tab4col:eq('+i+')').addClass('tabs_five');
				$('.module_tab4col:eq('+i+') h4:eq(4)').addClass('last-child');
			} else if (itemLength > 5) {
				$('.module_tab4col:eq('+i+')').addClass('tabs_moreThanFive');
			} 
		} else {
			$('.module_tab4col:eq('+i+')').addClass('tabs_moreThanFive');
		} 
		
		$('.module_tab4col:eq('+i+') .tabContent h4').appendTo('.module_tab4col:eq('+i+') .tabHead');
		$('.module_tab4col:eq('+i+') .tabHead').append('<div class="tabHead_sI1">&#160;</div><div class="tabHead_decoration">&#160;</div>');
		$('.module_tab4col:eq('+i+') .tabContent').hide();
		
		
		//$('.module_tab4col:eq('+i+') .tabHead').wrapInner('<div class="tabHead_sI1"></div>');
			
		$('.module_tab4col:eq(' + i + ') .tabHead h4').click(function(){
			$(this).parents('.module_tab4col').removeClass('tabs_useNavCtrls');
			$('.tabs_content_current',$(this).parent().parent()).removeClass('tabs_content_current');
			
			$(this).parent().children('h4').removeClass('selected');
			$(this).addClass('selected');
			var myIndex = $('h4',$(this).parent()).index(this);
			
			$(this).parents('.module_tab4col').children('.tabContent').hide();
			$(this).parents('.module_tab4col').children('.tabContent').eq(myIndex).show();
			$(this).parents('.module_tab4col').children('.tabContent').eq(myIndex).addClass('tabs_content_current');
				
		});

		$('.module_tab4col:eq(' + i + ') .tabHead h4').eq(0).click();
		
		if (itemLength == 1) {
			$('.module_tab4col:eq(' + i + ') .tabHead h4:eq(0)').removeClass('selected');
			$('.module_tab4col:eq(' + i + ') .tabHead h4').eq(0).unbind('click');
		}
	});
	
});