$(function(){
	$('#img .caption').stop();
    $('#gallery li').each(function(idx) {
        $(this).data('index', (++idx));
    });

    $('#gallery').jcarousel({
        scroll: 5,
        initCallback: initCallbackFunction
    })

    function initCallbackFunction(carousel) {
        $('#img').bind('image-loaded',function() {
            var idx =  $('#gallery li.active').data('index') - 2;

            carousel.scroll(idx);
            return false;
        });
    };

    // load and fade-in thumbnails
    $('#gallery li img').css('opacity', 0).each(function() {
        if (this.complete || this.readyState == 'complete') { $(this).animate({'opacity': 1}, 300) }
        else { $(this).load(function() { $(this).animate({'opacity': 1}, 300) }); }
    });


    $('#gallery').galleria({
        // #img is the empty div which holds full size images
        insert: '#img',

        // enable history plugin
        history: true,

        // function fired when the image is displayed
        onImage: function(image, caption, thumb) {
            // fade in the image
            image.hide().fadeIn(500);

            // animate active thumbnail's opacity to 1, other list elements to 0.6
            thumb.parent().fadeTo(200, 1).siblings().fadeTo(200, 0.6)

            // $('#img').data('currentIndex', $li.data('index')).trigger('image-loaded')
/*
            $('#img')
                .trigger('image-loaded')
                .hover(
                    function(){
						$('#img .caption').stop().animate({height: 50}, 250);
					},
                    function(){
                        if (!$('#show-caption').is(':checked')) {
                            $('#img .caption').stop().animate({height: 0}, 250)
                        }
                    }
                );
*/
        },

        // function similar to onImage, but fired when thumbnail is displayed
        onThumb: function(thumb) {
            var $li = thumb.parent(),
                opacity = $li.is('.active') ? 1 : 0.6;

            // hover effects for list elements
            $li.hover(
                function() { $li.fadeTo(200, 1); },
                function() { $li.not('.active').fadeTo(200, opacity); }
            )
        }
    }).find('li:first').addClass('active') // display first image when Galleria is loaded
    $('#slideshow').hide()
    var slideshow, slideshowPause =  $('#slideshow-pause').val()
    $('#slideshow-pause').change(function(){
        slideshowPause = this.value

        // clear interval when timeout is changed
        window.clearInterval(slideshow)

        // and set new interval with new timeout value
        slideshow = window.setInterval(function(){
            $.galleria.next()
        }, slideshowPause * 1000)
    })
});

function SetHeight()
{
	s = document.getElementById('sidebar');
	c = document.getElementById('content');
	g = document.getElementById('gallery');
	if(s.offsetHeight < c.offsetHeight)
	{
		s.style.height = c.offsetHeight+"px";
		c.style.width = document.body.offsetWidth - 300+"px";
//		g.style.width = document.body.offsetWidth - 420+"px";
	}
	else
	{
		c.style.height = s.offsetHeight+"px";
		c.style.width = document.body.offsetWidth - 300+"px";
//		g.style.width = document.body.offsetWidth - 420+"px";
	}
}