var littleNavImgEnd         = '.gif';
var littleNavImgHoverEnd    = '-hover.gif';

function setupRollovers(containerSelector) {
    /* preload rollover images */
    $(containerSelector+' img').preload({
        find:       littleNavImgEnd,
        replace:    littleNavImgHoverEnd
    });    

    /* set up rollover event handlers
    
       need to hover on the <a> so the rollover effect matches the mouse pointer change.
       thus, we need to find child <img> element and change its src attr to do rollover effect.  
     */
    $(containerSelector+' a').hover(
        /* over... */
        function() {
            /* only rollover if there's no "at" class */
            var img = $(this).children('img:not(".at")');
            if (img) {
                var src = img.attr('src').replace(littleNavImgEnd, littleNavImgHoverEnd);
                img.attr('src', src);
            }
        }
        ,
        /* ... and out */
        function() {
            var img = $(this).children('img:not(".at")');
            if (img) {
                var src = img.attr('src').replace(littleNavImgHoverEnd, littleNavImgEnd);
                img.attr('src', src);
            }
        }
    );    
}


$(document).ready(function() {
    setupRollovers('#nav');
    setupRollovers('#littlenav');    
    
    /* set min-height of wrapper (or equivalent=height, for IE6) to height of viewport */
    $(window).bind('resize', function() {
        $('#wrapper').css(($.browser.msie && $.browser.version < 7 ? '' : 'min-') + 'height', $(window).height() + 'px');    
    }).trigger('resize');
    
    /* enable lightbox gallery */
    $('#gallery a').lightBox();
});