//version 2.1
	
$('.previousButton').live('click', function() {
    slideGallery('previous', '6', $(this), true);
});

$('.prevVertical').live('click', function() {
    slideGallery('previous', '6', $(this), true);
});

$('.nextButton').live('click', function() {
    slideGallery('next', '6', $(this), true);
});

$('.nextVertical').live('click', function() {
    slideGallery('next', '6', $(this), true);
});

$('.rightHandSlider li img').live('click', function() {
    changeMainImage($(this));
});

$('.bottomNavigation .previous').live('click', function() {
    changeMainImage($(this));
});

$('.bottomNavigation .next').live('click', function() {
    changeMainImage($(this));
});
	
function changeMainImage(newImage) {
    var gallery = $(newImage).parents('.border');
    var galleryId = gallery.attr('id');
    var selectedImage = $('#' + galleryId + ' .rightHandSlider li .selected').attr('class').replace(" selected", "");
    selectedImage = selectedImage.replace("image_", "");
    var numberOfImages = $('#' + galleryId + ' .rightHandSlider li').length;
   
    if ($(newImage).attr('class') == 'previous' || $(newImage).attr('class') == 'next') {
        if (!$('#' + galleryId + ' .rightHandSlider').is(":animated")) {
            if ($(newImage).attr('class') == 'previous') {
                if (selectedImage != 1) {
					$('#' + galleryId + ' .rightHandSlider li img').removeClass("selected");
                    newImage = (selectedImage * 1) - 1;
                    newImageSRC = $('#' + galleryId + ' .image_' + newImage).attr('src');
                    newImageText = $('#' + galleryId + ' .image_' + newImage).attr('longdesc');
                    newImageSRC = newImageSRC.replace('/Thumbs/', '/Blowup/');
                    newImageSRC = newImageSRC.replace('114x76', '778x518');
                    var newImageALT = $('#' + galleryId + ' .image_' + newImage).attr('alt');
					$('#' + galleryId + ' .mainImage img').replaceWith("<img src=" + newImageSRC + " alt=\""+newImageALT+"\"/>");
                    $('#' + galleryId + ' .image_' + newImage).addClass("selected");
                    $('#' + galleryId + ' .imageText').html(newImageText);
                    $('#' + galleryId + ' .counter').text('Photo ' + newImage + ' of ' + numberOfImages);
               }
                $('#' + galleryId + ' .next').show();

                if ((selectedImage * 1) == 2) {
                    $('#' + galleryId + ' .previous').hide();
                }

                if (((selectedImage - 1) * 1) % 6 == 0) {
                    //need to move slider to prvi set of images
                    slideGallery('previous', '6', $('#' + galleryId + ' .prevVertical'), false);
                }
            } else if ($(newImage).attr('class') == 'next') {
                if (selectedImage != numberOfImages) {
					$('#' + galleryId + ' .mainImage img').hide().delay(1000);
					$('#' + galleryId + ' .rightHandSlider li img').removeClass("selected");
					newImage = (selectedImage * 1) + 1;
                    newImageSRC = $('#' + galleryId + ' .image_' + newImage).attr('src');
                    newImageText = $('#' + galleryId + ' .image_' + newImage).attr('longdesc');
					newImageSRC = newImageSRC.replace('/Thumbs/', '/Blowup/');
					newImageSRC = newImageSRC.replace('114x76', '778x518');
                    var newImageALT = $('#' + galleryId + ' .image_' + newImage).attr('alt');
					$('#' + galleryId + ' .mainImage img').replaceWith("<img src=" + newImageSRC + " alt=\""+newImageALT+"\"/>");
                    $('#' + galleryId + ' .image_' + newImage).addClass("selected");
                    $('#' + galleryId + ' .imageText').html(newImageText);
                    $('#' + galleryId + ' .counter').text('Photo ' + newImage + ' of ' + numberOfImages);
                }
                $('#' + galleryId + ' .previous').show();
                if ((selectedImage * 1) + 1 == numberOfImages) {
                    $('#' + galleryId + ' .next').hide();
                }
                if ((selectedImage * 1) % 6 == 0) {
                    //need to move slider to next set of images
                    slideGallery('next', 6, $('#' + galleryId + ' .nextVertical'), false);
                }
            }
            newImageNumber = newImage;
        }
        } else {
        
        $('#' + galleryId + ' .rightHandSlider li img').removeClass("selected");
        var newImageNumber = $(newImage).attr('class').replace("image_", "");
        $(newImage).addClass("selected");
        
        //$('#' + galleryId + ' .rightHandSlider li').attr('src', newImageSRC);

        newImageText = $(newImage).attr('longdesc');
        var newImageSRC = $(newImage).attr('src');
        newImageSRC = newImageSRC.replace('/Thumbs/', '/Blowup/');
        newImageSRC = newImageSRC.replace('114x76', '778x518');
		$('#' + galleryId + ' .mainImage').html("<img src=" + newImageSRC + " alt=\"\" />");
		//console.log('image');
        
		//$('#' + galleryId + ' .mainImage img').attr('src', newImageSRC);
        $('#' + galleryId + ' .imageText').html(newImageText);
        $('#' + galleryId + ' .counter').text('Photo ' + newImageNumber + ' of ' + numberOfImages);

        if (newImageNumber > 1) {
            $('#' + galleryId + ' .previous').show();
        }
        else {
            $('#' + galleryId + ' .previous').hide();            
        }

        if (newImageNumber < numberOfImages) {
            $('#' + galleryId + ' .next').show();
        }
        else {
            $('#' + galleryId + ' .next').hide();
        }
    }

    //If I have only one block to display next then show how many phots are left
    if ($('#' + galleryId + ' .nextButton').css('display') != "none")
    {
		var totalImageBlocks = Math.ceil(numberOfImages / 6);   
		var count = 6;
		if(Math.ceil(newImageNumber/6) == totalImageBlocks - 1)
			count = numberOfImages - (totalImageBlocks-1)*6;
    	$('#' + galleryId + ' .nextButton').text('Next ' + count);
    }

}

function slideGallery(direction, amount, buttonClicked, autoChangeFirstImage) {
    var gallery = $(buttonClicked).parents('.border');
    var galleryId = gallery.attr('id');

    if (!$('#' + galleryId + ' .rightHandSlider').is(":animated")) {
        var numberOfImages = $('#' + galleryId + ' .rightHandSlider li').length;
        var selectedImage = $('#' + galleryId + ' .rightHandSlider li .selected').attr('class').replace(" selected", "");
        selectedImage = selectedImage.replace("image_", "");

        var currentPosition = parseInt($('#' + galleryId + ' .rightHandSlider').css('top').replace('px', ''));
        var positionInteger = parseInt($('#' + galleryId + ' .rightHandSliderContainer').css('height').replace('px', ''));

		var maxHeight = parseInt($('#' + galleryId + ' .rightHandSlider').css('height'));
				
        if (direction == "previous") {
            //make sure the next button is always showing after previous is clicked
            $('#' + galleryId + ' .nextButton').show();
            $('#' + galleryId + ' .nextVertical').show();

			var newPosition = currentPosition + positionInteger;
			
            $('#' + galleryId + ' .rightHandSlider').animate({
                top: newPosition
            }, 2000);
			
            if (newPosition == 0) {
                $('#' + galleryId + ' .previousButton').hide();
                $('#' + galleryId + ' .prevVertical').hide();
            }

        } else if (direction == "next") {
            $('#' + galleryId + ' .previousButton').show();
            $('#' + galleryId + ' .prevVertical').show();

			var newPosition = currentPosition - positionInteger;
			
            $('#' + galleryId + ' .rightHandSlider').animate({
                top: currentPosition - positionInteger
            }, 2000);
			
            //hide next button when last set of images is shown
            if (-newPosition + positionInteger > maxHeight) {
                $('#' + galleryId + ' .nextButton').hide();
                $('#' + galleryId + ' .nextVertical').hide();

            }
        }
      
        if (autoChangeFirstImage)
            getFirstImageIndex(numberOfImages, amount, selectedImage, direction, galleryId);
    }
    
}

function getFirstImageIndex(numOfImages, numToShift, currentImageIndex, direction, galleryId) {
   
    var startIndex = 0;
    var totalImageBlocks = numOfImages / numToShift;
    var firstImageIndex = 0;
    var indexAfterShift = 0;

    currentImageIndex = currentImageIndex * 1;
    numToShift = numToShift * 1;

    if (numOfImages > 0 && numOfImages > numToShift) {
        totalImageBlocks = numOfImages / numToShift;

        if (direction == 'next') {
            if (currentImageIndex <= numToShift)
                firstImageIndex = numToShift
            else if (currentImageIndex % numToShift == 0)
                firstImageIndex = currentImageIndex
            else
                firstImageIndex = numToShift * (Math.floor((currentImageIndex + numToShift) / numToShift));
        }
        else {
            firstImageIndex = Math.floor(currentImageIndex - numToShift) <= numToShift ? 0 : (Math.floor((currentImageIndex - numToShift) / numToShift)) * numToShift;
        }
      
        changeMainImage($('#' + galleryId + ' .rightHandSlider li img').get(firstImageIndex));
    }
}