/*	Tabs*/

/*
$(function () {
	var tabContainers = $('div.tabs > div');
	
	tabContainers.hide();
	tabContainers.filter(this.hash).show();
	
	tabContainers.hide().filter(':first').show();
	
	$('div.tabs ul.tabNavigation a').click(function () {
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		$('div.tabs ul.tabNavigation a').removeClass('actief');
		$(this).addClass('actief');
		return false;
	}).filter(':first').click();
});
*/	
		
/*Uitklap panel login*/

$(document).ready(function(){

	$(".btn-slide").click(function(){
		$("#panel").slideToggle("fast");
		$(this).toggleClass("active"); return false;
	});
	
	 
});

/*Ronde hoeken; inner voor de ronde hoeken zelf, 'c' is de container div*/
	$(function(){
			
			$('.inner').corner({
			  tl: { radius: 6 },
			  tr: { radius: 6 },
			  bl: { radius: 6 },
			  br: { radius: 6 }});
			$('.c').corner();
		/*	$('.c2').corner({
			  tl: { radius: 32 },
			  tr: { radius: 16 },
			  bl: { radius: 16 },
			  br: { radius: 16 },
			  antiAlias: true,
			  autoPad: true,
			  validTags: ["div"] });
			$('.c3').corner({
			  tl: { radius: 16 },
			  tr: false,
			  bl: false,
			  br: { radius: 16 },
			  antiAlias: true,
			  autoPad: true,
			  validTags: ["div"] });
			  
			$('#container-1 > ul').tabs();*/
	});

	

	/*

Below are the functions that let me add and remove classes, which I'm using to get the hover effect.  "hovering" is the class that is added or removed, and you can see in the style sheet how .hovering is defined.


*/

function addClassName(oElm, strClassName){
	var strCurrentClass = oElm.className;
	if(!new RegExp(strClassName, "i").test(strCurrentClass)){
		oElm.className = strCurrentClass + ((strCurrentClass.length > 0)? " " : "") + strClassName;
	}
}


function removeClassName(oElm, strClassName){
	var oClassToRemove = new RegExp((strClassName + "\s?"), "i");
	oElm.className = oElm.className.replace(oClassToRemove, "").replace(/^\s?|\s?$/g, "");
}
	
function toggleTab(object) {
	var tabContainers = $('div.tabs > div');
	
	tabContainers.hide();
	tabContainers.filter('#'+object.id).show();

	ulTag = document.getElementById("navActief");
	
	liTags = ulTag.getElementsByTagName("li");
	
	for(a=0; a<liTags.length; a++) {
		if(liTags[a].className == 'actief') {
			liTags[a].className = ''
		}
	}
	
	object.parentNode.className = 'actief';
	
}