var Tabs = function() {  
	
	
	return {
		
		init: function(name) {		// initializeer het tabsysteem
			
			$("#" + name + "_tabs_sub div").hide();
			$("#" + name + "_tabs_sub div:first-child").show();
			$("#" + name + "_tabs_sub div:first-child div").show();
			
			$("#" + name + "_tabs_content div.tabs_content").hide();
			$("#" + name + "_tabs_content div:first-child").show();
			$("#" + name + "_tabs_content div:first-child div.tabs_sub_content").hide();
			$("#" + name + "_tabs_content div:first-child div.tabs_sub_content:first-child").show();
			
			// zet active op de maintab
			$("#" + name + "_tabs_main div.box li:first").addClass("active");
			// zet active op de subtab
			$("#" + name + "_tabs_sub div.subtab:first a").addClass('active');
		},
		
		showMainTab: function(name, tabName) {
			$("#" + name + "_tabs_sub div").hide();
			$("#" + name + "_tabs_main li").removeClass("active");
			$("#" + name + "_tabs_sub a").removeClass("active");
			
			$("#" + name + "_tabs_sub_" + tabName).show();
			$("#" + name + "_tabs_sub_" + tabName + " div").show();

			$("#" + name + "_tabs_main_" + tabName).addClass("active");
			
			
			$("#" + name + "_tabs_content div.tabs_content").hide();
			$("#" + name + "_tabs_content_" + tabName).show();
			$("#" + name + "_tabs_content_" + tabName + " div.tabs_sub_content").hide();
			$("#" + name + "_tabs_content_" + tabName + " div.tabs_sub_content:first-child").show();
			
			$("#" + name + "_tabs_sub div.subtab a").removeClass("active");
			$("#" + name + "_tabs_sub_" + tabName + " div.subtab:first a").addClass('active');
			
			return false;
		},
		
		
		showSubTab: function(name, tabName, subtabName) {
			
			$("#" + name + "_tabs_content div.tabs_content").hide();
			
			$("#" + name + "_tabs_sub div.subtab a").removeClass("active");
			$("#" + name + "_tabs_sub_" + tabName + "_" + subtabName + " a").addClass("active");
			
			$("#" + name + "_tabs_content_" + tabName).show();
			$("#" + name + "_tabs_content_" + tabName + " div.tabs_sub_content").hide();
			$("#" + name + "_tabs_content_" + tabName + "_" + subtabName).show();
			return false;
		},
		
		
		
		getPage: function(url, page, divId) {
			var params = {};
			params.page = page;
			$.get(url, params, function(html) {$("#"+divId).html(html);}); 
		}
	}
	
}();