$(function(){
	$('.slide-out-div').tabSlideOut({
		tabHandle: '.handle',                     //class of the element that will become your tab
		pathToTabImage: '/wp-content/themes/personeelzaak/images/contact.png', //path to the image for the tab //Optionally can be set using css
		pathToTabImageOut: '/wp-content/themes/personeelzaak/images/contact_in.png', //path to the image for the tab //Optionally can be set using css
		imageHeight: '96px',                     //height of tab image           //Optionally can be set using css
		imageWidth: '20px',                       //width of tab image            //Optionally can be set using css
		tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
		speed: 300,                               //speed of animation
		action: 'click',                          //options: 'click' or 'hover', action to trigger animation
		topPos: 'bottom',                          //position from the top/ use if tabLocation is left or right
		leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
		fixedPosition: true                      //options: true makes it stick(fixed position) on scroll
	});

});

$(function(){
	if (icl_lang == 'en'){
		slideout_trans = 'photography';
	}
	else {
		slideout_trans = 'fotos'	;
	}
	$('.slide-out-div-fotos').tabSlideOut({
		tabHandle: '.handle-fotos',                     //class of the element that will become your tab
		pathToTabImage: '/wp-content/themes/personeelzaak/images/'+slideout_trans+'.png', //path to the image for the tab //Optionally can be set using css
		pathToTabImageOut: '/wp-content/themes/personeelzaak/images/'+slideout_trans+'_in.png', //path to the image for the tab //Optionally can be set using css
		imageHeight: '96px',                     //height of tab image           //Optionally can be set using css
		imageWidth: '20px',                       //width of tab image            //Optionally can be set using css
		tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
		speed: 300,                               //speed of animation
		action: 'click',                          //options: 'click' or 'hover', action to trigger animation
		topPos: 'bottom',                          //position from the top/ use if tabLocation is left or right
		leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
		fixedPosition: true                      //options: true makes it stick(fixed position) on scroll
	});

});