$(function () {
    $('.slide-out-div1').tabSlideOut({
        tabHandle: '.handle1',                     //class of the element that will become your tab
        pathToTabImage: 'http://www.comgem.com/images/tabs/comgemTab.png', //path to the image for the tab //Optionally can be set using css
        imageHeight: '112px',                     //height of tab image           //Optionally can be set using css
        imageWidth: '38px',                       //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: '88px',                          //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
    });
    $('.slide-out-div2').tabSlideOut({
        tabHandle: '.handle2',                     //class of the element that will become your tab
        pathToTabImage: 'http://www.comgem.com/images/tabs/gemmailTab.png', //path to the image for the tab //Optionally can be set using css
        imageHeight: '112px',                     //height of tab image           //Optionally can be set using css
        imageWidth: '37px',                       //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: '201px',                          //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
    });
    $('.slide-out-div3').tabSlideOut({
        tabHandle: '.handle3',                     //class of the element that will become your tab
        pathToTabImage: 'http://www.comgem.com/images/tabs/gemsellTab.png', //path to the image for the tab //Optionally can be set using css
        imageHeight: '112px',                     //height of tab image           //Optionally can be set using css
        imageWidth: '37px',                       //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: '314px',                          //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
    });
    $('.slide-out-div4').tabSlideOut({
        tabHandle: '.handle4',                     //class of the element that will become your tab
        pathToTabImage: 'http://www.comgem.com/images/tabs/gemviewTab.png', //path to the image for the tab //Optionally can be set using css
        imageHeight: '112px',                     //height of tab image           //Optionally can be set using css
        imageWidth: '37px',                       //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: '427px',                          //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
    });
    $('.slide-out-div5').tabSlideOut({
        tabHandle: '.handle5',                     //class of the element that will become your tab
        pathToTabImage: 'http://www.comgem.com/images/tabs/supportTab.png', //path to the image for the tab //Optionally can be set using css
        imageHeight: '112px',                     //height of tab image           //Optionally can be set using css
        imageWidth: '37px',                       //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
        //change to 540px to move back to position 5
        topPos: '427px',                          //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
    });

});