$(function () {
    $('.slide-out-div').tabSlideOut({
        tabHandle: '.handle',                     //class of the element that will become your tab
        pathToTabImage: '', //path to the image for the tab //Optionally can be set using css
        imageHeight: '282px',                     //height of tab image           //Optionally can be set using css
        imageWidth: '34px',                       //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: '150px',                          //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
    });

});


$(document).ready(function () {

    //Page Flip on hover

    $("#pageflip").hover(function () {
        $("#pageflip img , .msg_block").stop()
			.animate({
			    width: '140px',
			    height: '140px'
			}, 200);
    }, function () {
        $("#pageflip img").stop()
			.animate({
			    width: '50px',
			    height: '53px'
			}, 220);
        $(".msg_block").stop()
			.animate({
			    width: '50px',
			    height: '50px'
			}, 200);
    });

});