$(function(){
	$('.slide-out-div1').tabSlideOut({
		tabHandle: '.handle1',                     //class of the element that will become your tab
		pathToTabImage: '/img/zh_hk/btn_tab1.png', //path to the image for the tab //Optionally can be set using css
		imageHeight: '119px',                     //height of tab image           //Optionally can be set using css
		imageWidth: '33px',                       //width of tab image            //Optionally can be set using css
		tabLocation: 'left',                      //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: '200px',                          //position from the top/ use if tabLocation is left or right
		leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
		fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
	});

});
$(function(){
	$('.slide-out-div2').tabSlideOut({
		tabHandle: '.handle2',                     //class of the element that will become your tab
		pathToTabImage: '/img/zh_hk/btn_tab2.png', //path to the image for the tab //Optionally can be set using css
		imageHeight: '119px',                     //height of tab image           //Optionally can be set using css
		imageWidth: '33px',                       //width of tab image            //Optionally can be set using css
		tabLocation: 'left',                      //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: '324px',                          //position from the top/ use if tabLocation is left or right
		leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
		fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
	});

});
$(function(){
	$('.slide-out-div3').tabSlideOut({
		tabHandle: '.handle3',                     //class of the element that will become your tab
		pathToTabImage: '/img/zh_hk/btn_tab3.png', //path to the image for the tab //Optionally can be set using css
		imageHeight: '119px',                     //height of tab image           //Optionally can be set using css
		imageWidth: '33px',                       //width of tab image            //Optionally can be set using css
		tabLocation: 'left',                      //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: '448px',                          //position from the top/ use if tabLocation is left or right
		leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
		fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
	});

});
$(function(){
	$('.slide-out-div4').tabSlideOut({
		tabHandle: '.handle4',                     //class of the element that will become your tab
		pathToTabImage: '/img/zh_hk/btn_tab4.png', //path to the image for the tab //Optionally can be set using css
		imageHeight: '119px',                     //height of tab image           //Optionally can be set using css
		imageWidth: '33px',                       //width of tab image            //Optionally can be set using css
		tabLocation: 'left',                      //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: '572px',                          //position from the top/ use if tabLocation is left or right
		leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
		fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
	});

});
$(function(){
	$('.slide-out-div5').tabSlideOut({
		tabHandle: '.handle5',                     //class of the element that will become your tab
		pathToTabImage: '/img/zh_hk/btn_tab5.png', //path to the image for the tab //Optionally can be set using css
		imageHeight: '119px',                     //height of tab image           //Optionally can be set using css
		imageWidth: '33px',                       //width of tab image            //Optionally can be set using css
		tabLocation: 'left',                      //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: '696px',                          //position from the top/ use if tabLocation is left or right
		leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
		fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
	});

});