$(document).ready(function() {

	$('#galleryLoading').css('display', 'block');

    var images = [["574","382","jpg","typo3temp\/pics\/725e14b101.jpg"],["574","403","jpg","typo3temp\/pics\/1215eb6be0.jpg"],["574","382","jpg","typo3temp\/pics\/5526bc248f.jpg"],["574","382","jpg","typo3temp\/pics\/3379b361a2.jpg"],["574","385","jpg","typo3temp\/pics\/27062f4884.jpg"],["574","382","jpg","typo3temp\/pics\/8ec56c79aa.jpg"],["574","382","jpg","typo3temp\/pics\/99d9ba2627.jpg"],["574","382","jpg","typo3temp\/pics\/4e3d2113ec.jpg"],["574","382","jpg","typo3temp\/pics\/c90c993729.jpg"],["289","433","jpg","typo3temp\/pics\/c1e504cf35.jpg"],["574","382","jpg","typo3temp\/pics\/fa9bf5daac.jpg"],["574","382","jpg","typo3temp\/pics\/623c19e0ce.jpg"],["574","382","jpg","typo3temp\/pics\/b85716aa56.jpg"],["574","384","jpg","typo3temp\/pics\/9451a7314c.jpg"],["574","390","jpg","typo3temp\/pics\/38305e0a3e.jpg"],["574","383","jpg","typo3temp\/pics\/489cce9ee1.jpg"],["289","433","jpg","typo3temp\/pics\/99cfe36396.jpg"],["574","382","jpg","typo3temp\/pics\/100704d92f.jpg"],["574","382","jpg","typo3temp\/pics\/766deac94f.jpg"],["574","382","jpg","typo3temp\/pics\/b62a7be78c.jpg"],["574","383","jpg","typo3temp\/pics\/540899b011.jpg"],["574","382","jpg","typo3temp\/pics\/ea35345d2b.jpg"],["574","382","jpg","typo3temp\/pics\/bd4bdcf71e.jpg"],["289","433","jpg","typo3temp\/pics\/d9bdfd7eeb.jpg"],["574","408","jpg","typo3temp\/pics\/f3c0d4c97f.jpg"],["574","397","jpg","typo3temp\/pics\/f4c8cc1e15.jpg"],["574","382","jpg","typo3temp\/pics\/9cb5ff3283.jpg"],["289","433","jpg","typo3temp\/pics\/a66af77316.jpg"],["574","387","jpg","typo3temp\/pics\/448a14d825.jpg"],["574","382","jpg","typo3temp\/pics\/ce9a79d3e2.jpg"],["574","382","jpg","typo3temp\/pics\/28dec30d78.jpg"],["574","382","jpg","typo3temp\/pics\/1c323e6242.jpg"],["574","382","jpg","typo3temp\/pics\/8b648c636e.jpg"],["289","433","jpg","typo3temp\/pics\/c39438dc56.jpg"],["574","385","jpg","typo3temp\/pics\/699d29796c.jpg"],["289","433","jpg","typo3temp\/pics\/7bc9174762.jpg"],["574","382","jpg","typo3temp\/pics\/d4b4f904bc.jpg"],["574","387","jpg","typo3temp\/pics\/085a0324f2.jpg"],["574","382","jpg","typo3temp\/pics\/aaff901152.jpg"]];
    var imagesCount = 39;
	var imageIndex = 0;
	var positionLeft = 0;
    var totalWidth = 2847;
    var maxImgWidth = 574;

	wsGallerySetButtonVisibility();

	// Bilder vorladen
	for(var i=0; i < imagesCount; i++) {
        var newImage = new Image();
        newImage.src = images[3]
	}

	$('#galleryLoading').css('display', 'none');
	$('#galleryLoaded').css('display', 'block');

	$('a#prevImage').click(function() {
        imageIndex = imageIndex - 1;
        if(imageIndex < 0) {
            imageIndex = 0;
        }
        $('#wsgallery-image img').attr('src', images[imageIndex][3]);
        wsGallerySetButtonVisibility();
        return false;
	});

	$('a#nextImage').click(function() {
        imageIndex = imageIndex + 1;
        if(imageIndex > (imagesCount -1)) {
            imageIndex = imagesCount - 1;
        }
		$('#wsgallery-image img').attr('src', images[imageIndex][3]);
        wsGallerySetButtonVisibility();
        return false;
	});

	$('a#prevPage').click(function() {
		positionLeft = positionLeft + maxImgWidth;
		if(positionLeft > 0) {
		  positionLeft = 0;
		}
		$('#wsgallery-thumbnails').animate( { left: positionLeft + 'px' }, 600);

        return false;
	});

	$('a#nextPage').click(function() {
		positionLeft = positionLeft - maxImgWidth;
		if(positionLeft < (-totalWidth + maxImgWidth)) {
		  positionLeft = -totalWidth + maxImgWidth;
		}

		$('#wsgallery-thumbnails').animate( { left: positionLeft + 'px' }, 600);

        return false;
	});

	$('#wsgallery-thumbnails img').click(function() {
		var idParts = $(this).attr('id').split('-');
		var id = parseInt(idParts[2]);
		$('#wsgallery-image img').attr('src', images[id][3]);
		imageIndex = id;
		wsGallerySetButtonVisibility();
		return false;
	});

	function wsGallerySetButtonVisibility()
	{

        $('#currentImageIndex').html(imageIndex + 1);

        if(imageIndex == 0) {
            $('a#prevImage').css('display', 'none');
        } else {
            $('a#prevImage').css('display', 'inline');
        }

        if(imageIndex < (imagesCount-1)) {
            $('a#nextImage').css('display', 'inline');
        } else {
            $('a#nextImage').css('display', 'none');
        }

        $('#wsgallery-thumbnails img:not(#wsgallery-thumbnail-' + imageIndex + ')').removeClass('selected');
        $('#wsgallery-thumbnail-' + imageIndex).addClass('selected');
		$('#wsgallery-caption').html(images[imageIndex][4]);

	}

});