$().ready(function() {
    adjustContentHeight();
    $(window).bind('resize', windowResizeHandler);


    $('.galleryCover').hover(function() {
        $(this).find('img.hover').fadeIn('fast');
    },
    function() {
        $(this).find('img.hover').fadeOut('fast');
    });

    if (window.location.href.indexOf('gallery') != -1) {
        $('ul.galleria').galleria(
        {
            history: false, // activates the history object for bookmarking, back-button etc.
            clickNext: true, // helper for making the image clickable
            insert: '#main_image', // the containing selector for our main image
            onImage: function(image, caption, thumb) { // let's add some image effects for demonstration purposes

                // fade in the image & caption
                if (!($.browser.mozilla && navigator.appVersion.indexOf("Win") != -1)) { // FF/Win fades large images terribly slow
                    image.css('display', 'none').fadeIn(1000);
                }
                caption.css('display', 'none').fadeIn(1000);

                // fetch the thumbnail container
                var _li = thumb.parents('li');

                // fade out inactive thumbnail
                _li.siblings().children('img.selected').fadeTo(500, 0.3);

                // fade in active thumbnail
                thumb.fadeTo('fast', 1).addClass('selected');

                // add a title for the clickable image
                image.attr('title', 'Next image >>');
            },
            onThumb: function(thumb) { // thumbnail effects goes here

                // fetch the thumbnail container
                var _li = thumb.parents('li');

                // if thumbnail is active, fade all the way.
                var _fadeTo = _li.is('.active') ? '1' : '0.3';

                // fade in the thumbnail when finnished loading
                thumb.css({ display: 'none', opacity: _fadeTo }).fadeIn(1500);

                // hover effects
                thumb.hover(
					    function() { thumb.fadeTo('fast', 1); },
					    function() { _li.not('.active').children('img').fadeTo('fast', 0.3); } // don't fade out if the parent is active
				    )
            }
        });

        var firstItem = $('ul.galleria li:first').addClass('active').find('img').addClass('selected');
        $.galleria.activate(firstItem.attr('src'));
    }
    else {
        $('ul.slideshow').galleria(
        {
            history: false,
            clickNext: true,
            insert: '#main_image',
            onImage: function(image, caption, thumb) {
                // fade in the image & caption
//                if (!($.browser.mozilla && navigator.appVersion.indexOf("Win") != -1)) { // FF/Win fades large images terribly slow
                    image.css('display', 'none').fadeIn(1500);
//                }
            }
        });
        var image = $('ul.slideshow li:first').addClass('active').find('img').addClass('selected');
        $.galleria.activate(image.attr('src'));

        setInterval(function() {
            $.galleria.next();
        }, 7000);
    }
});

var resizeTimeout;
function windowResizeHandler() {
    window.clearTimeout(resizeTimeout);
    resizeTimeout = window.setTimeout('adjustContentHeight()', 10);
}
function adjustContentHeight() {
    var windowHeight = $(window).height();
    var headerHeight = $('#header').outerHeight(true);
    var navHeight = $('#nav').innerHeight(true);
    var mainHeight = $('#main').outerHeight(true);

    if ((headerHeight + navHeight + mainHeight) < windowHeight) {
        $('#main').height(windowHeight - navHeight - headerHeight);
    }
}