function initTabs(){
	if($('.green-box').html() != null && $('.blue-box').html() != null){
		$('#gbekijken').click(doTabsGreenBox);
		$('#gdoorsturen').click(doTabsGreenBox);
		$('#gdelen').click(doTabsGreenBox);

		$('#bbekijken').click(doTabsBlueBox);
		$('#bdoorsturen').click(doTabsBlueBox);
		$('#bdelen').click(doTabsBlueBox);
	}
}

function doTabsGreenBox(){
	doTabsBox('green', this);
}
function doTabsBlueBox(){
	doTabsBox('blue', this);
}

function doTabsBox(strType, el){
	if(!$(el).hasClass('actief')){
		$('.' + strType +'-box .actief').removeClass('actief');
		$(el).addClass('actief');

		$('.' + strType + '-box .bekijken').css({display:'none'});	
		$('.' + strType + '-box .doorsturen').css({display:'none'});
		$('.' + strType + '-box .delen').css({display:'none'});
		
		if($(el).attr('id') == 'gdoorsturen' || $(el).attr('id') == 'bdoorsturen'){
			$('.' + strType + '-box .doorsturen').css({display:'block'});
		}
		if($(el).attr('id') == 'gbekijken' || $(el).attr('id') == 'bbekijken'){	
			$('.' + strType + '-box .bekijken').css({display:'block'});
		}
		if($(el).attr('id') == 'gdelen' || $(el).attr('id') == 'bdelen'){	
			$('.' + strType + '-box .delen').css({display:'block'});
		}
	}
}

$(document).ready(initTabs);