$(document).ready(
    function() {

    $('.scroll-pane').jScrollPane({ scrollbarOnLeft: true, showArrows: true, scrollbarWidth: 17 });
    $('.scroll-pane-banners').jScrollPane({ showArrows: true, scrollbarWidth: 17 });        

        $("a.lightBox").lightBox();
        $("a.map").lightBox();
        $("div.simpleProductImage a").lightBox();
        $("a.bannerSmall:has(img)").lightBox();

        $("a.eButton").mouseenter(
            function() {
                var a = $(this);
                a.animate({ left: '+=3px', top: '+=3px', opacity: "-=0.4", color: 'red' }, 'fast');
            }
        );

        $("a.eButton").mouseleave(
            function() {
                var a = $(this);
                a.animate({ left: '-=3px', top: '-=3px', opacity: "+=0.4", color: 'black' }, 'fast');
            }
        );

        $("div.imgButton").mouseenter(
            function() {
                var a = $(this);
                a.animate({ left: '+=3px', top: '+=3px', opacity: "-=0.4", color: 'red' }, 'fast');
            }
        );

        $("div.imgButton").mouseleave(
            function() {
                var a = $(this);
                a.animate({ left: '-=3px', top: '-=3px', opacity: "+=0.4", color: 'black' }, 'fast');
            }
        );

        $("div.menu div.button:has(a[title])").mouseenter(
            function() {
                var a = $(this);
                a.animate({ left: '3px', top: '3px', opacity: "0.6", color: 'red' }, 'fast');
            }
        );

        $("div.menu div.button:has(a[title])").mouseleave(
            function() {
                var a = $(this);
                a.animate({ left: '0px', top: '0px', opacity: "1.0", color: 'black' }, 'fast');
            }
        );



    });