/// <reference path="jquery-1.3.2-vsdoc.js" />

jQuery('.jslideshow').cycle({
    fx: 'fade',
    speed: 'fast',
    timeout: 0,
    next: '#slideshowNext',
    prev: '#slideshowPrev',
    pager: '#slideshowNumbers'
});

jQuery(document).ready(function() {
    var left = jQuery('.left.slideShowNavButton');
    var right = jQuery('.right.slideShowNavButton');
    var pager = jQuery('#slideshowNumbers');
    var slideshow = jQuery("#slideshowOuter");

    

    left.animate({ left: "-" + left.width() + "px" });
    right.animate({ left: right.width() + "px" });
    //pager.animate({ bottom: "-" + pager.height() + "px" });
    pager.animate({ bottom: "-22px" });

    slideshow.bind("mouseenter", function() {
        left.animate({ left: "0px" });
        right.animate({ left: "0px" });
        pager.animate({ bottom: "0px" });
    });

    slideshow.bind("mouseleave", function() {
        left.animate({ left: "-" + left.width() + "px" });
        right.animate({ left: left.width() + "px" });
        pager.animate({ bottom: "-22px" });
    });

    jQuery('.slideShowNavigation').css("z-index", "100");
    jQuery('#slideshowPager').css("z-index", "101");
});