function slideShow() {
 
    //Set the opacity of all images to 0
    $('#galleryhome  a').css({opacity: 0.0});
     
    //Get the first image and display it (set it to full opacity)
    $('#galleryhome a:first').css({opacity: 1.0});
     
    //Set the caption background to semi-transparent
    //$('#gallery .caption').css({opacity: 0.7});
 
    //Resize the width of the caption according to the image width
    //$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
     
    //Get the caption of the first image from REL attribute and display it
    //$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
    //.animate({opacity: 0.7}, 400);
     
    //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    setInterval('gallery()',3000);
     
}
 
function gallery() {
     
    //if no IMGs have the show class, grab the first image
    var current = ($('#galleryhome a.show')?  $('#galleryhome a.show') : $('#galleryhome a:first'));
 
    //Get next image, if it reached the end of the slideshow, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#galleryhome a:first') :current.next()) : $('#galleryhome a:first'));  
     
    //Get next image caption
    var caption = next.find('img').attr('rel');
     
    //Set the fade in effect for the next image, show class has higher z-index
    next.css({opacity: 0.0})
    .addClass('show')
    .animate({opacity: 1.0}, 1000);
 
    //Hide the current image
    current.animate({opacity: 0.0}, 1000)
    .removeClass('show');
     
    //Set the opacity to 0 and height to 1px
    $('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });
     
    //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    $('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );
     
    //Display the content
    $('#gallery .content').html(caption);
         
}

(function($) {
    $(document).ready(function() {
        var secondi = 3;

        $('a.imgincrease').click(function() {
                var that = this;
                
                if ($('#imgincreasebig').attr('src') == $(this).attr('href')) {
                    return false;
                }

                $('#imgincreasebig').fadeOut('slow', function() {
                    $(this).attr('src', $(that).attr('href'));

                    $(this).load(function() {
                        $(this).fadeIn('slow');
                    });

                    $('img.selected').each(function() {
                        $(this).removeClass('selected');
                    });

                    $('img', that).addClass('selected');
            });

            return false;
        });

        $('ul.dropdown').superfish({
            delay: 500,
            speed: 'fast',
            autoArrows: false,
            dropShadow: false
        });

        $('#selectLang').click(function() {
            if ($('#langSelector').is(':visible')) {
                $('#langSelector').fadeOut('slow');
            } else {
                $('#langSelector').fadeIn('slow');
            }
            return false;
        });

		slideShow();
		/*
        if ($('#carousel').jcarousel) {
            $('#carousel').jcarousel({
                auto: 3,
                scroll: 1,
                vertical: false,
                wrap: 'circular'
            });
			$('#carousel1 ul').jCarouselFade(
			{
				itemVisible: 4,
				itemScroll: 2,
				orientation: 'vertical',
				itemWidth: 200,
				itemHeight: 20,
				scrollAnimation: 'slow'
			}
		);
        }
		
		// set up carousel1
		
		// set up carousel2
		$('#carousel2 ul').jCarouselFade(
			{
				itemVisible: 4,
				itemScroll: 1,
				scrollAnimation: 'slow'
			}
		);*/

        if ($('#carouselLight').jCarouselLite) {
            var cElements = [];
            var cElementsA = [];

            $('#thumb img').each(function() {
                cElements.push($(this));
            });

            $('#thumb a').each(function() {
                cElementsA.push($(this));
            });

            $('#carouselLight').jCarouselLite({
                auto: secondi * 1000,
                scroll: 1,
                vertical: false,
                circular: true,
                width: 400,
                speed: 1500,
                btnGo: cElements,
                visible: 1,
                hoverPause: true,
                beforeChange: function(curr) {
                    if (cElementsA.length >= curr && curr > 0) {
                        $('#carouselLabel')
                            .html(cElementsA[curr].attr('title'))
                            .fadeIn(400);
                    }
                },
                afterChange: function(curr) {
                    $('#carouselLabel')
                        .fadeOut(400);
                }
            });
        }
    });
	/*
	$(document).ready(function () {
		var top = $('#zoom').offset().top - parseFloat($('#zoom').css('marginTop').replace(/auto/,0));
	
		$(window).scroll(function () {
			// let's do something funky
			var y = $(this).scrollTop();
		  
			// whether that's below the form
			if (y >= top) {
			  // if so, ad the fixed class
			  $('#zoom').addClass('fixed');
			} else {
			  // otherwise remove it
			  $('#zoom').removeClass('fixed');
			}
		});
	});
*/
})(jQuery);