$(document).ready(function() {

	function mycarousel_initCallback(carousel) {
	    $('#photo_gallery_next').bind('click', function() {
	        carousel.next();
	        return false;
	    });
	    $('#photo_gallery_previous').bind('click', function() {
	        carousel.prev();
	        return false;
	    });
	};
	
	$('#photo_gallery_content').jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        buttonNextHTML: null,  /* no next/previous buttons */
        buttonPrevHTML: null
    });
    
    $('.photo_gallery_item').click(function(event){
		var imageId = $(this).attr('id');
		var imageIndex = imageId.split('-')[1];
		var viewImageZoomLink = $('#ad_image a');
		
		var adImageParent = $('#ad_image');
		
		var newImageElement = $('#ad_image-' + imageIndex);
		var currentImageElement = $('#ad_image-' + ub_boatAdGallery_currentImageNumber); 
		
		currentImageElement.hide();
		if ( newImageElement.length == 0 ){
			var newViewImageUrl = ub_boatAdGallery_imagePathPrefix + (imageIndex < 10 ? '0' : '') + imageIndex + '.jpg';
			
			newImageElement = document.createElement('img');
			newImageElement.id = 'ad_image-' + imageIndex;
			newImageElement.src = newViewImageUrl;
			adImageParent.prepend(newImageElement);
		}
		else {
			newImageElement.show();
		}
		ub_boatAdGallery_currentImageNumber = imageIndex;
		var newZoomLinkUrl = ub_boatAdGallery_zoomLinkUrlPrefix + imageIndex;
		viewImageZoomLink.attr('href', newZoomLinkUrl);
		
		event.preventDefault();
	});
	
	$('#ad_image .view-full-size').click(function(event){
		viewFullImage(ub_boatAdID, ub_boatAdGallery_currentImageNumber);
		event.preventDefault();
	});

});

function viewFullImage(ad_id, image_id) {
	window.open('/boat-ad/view-full-image/ad_id/' + ad_id + '/image/' + image_id, '','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1');
}