var thumbImageWidth = 175;
var shortArticleThumbImageWidth = 130;
var previewImageWidth = 900; // Full image width. If it is empty the full image with will be the same as thumbnail width

function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('.jcarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

function handleShortArticleImage(article) {
	var imgElements = article.getElementsByTagName("img");
	
	var oArticleImageContainer = galleryElement(article, "ArticleImage");
	
	if (imgElements.length > 0) {
		
		oArticleImageContainer.style.display = "block";
	
		var strImgSrc = imgElements[0].src;
		strImgSrc = (strImgSrc.indexOf("&sp=") == -1) ? strImgSrc : strImgSrc.substring(0, strImgSrc.indexOf("&sp="));
		
		//	And then we add new picture in the list
		oArticleImageContainer.innerHTML = "<a href=\"" + strImgSrc + "&sp=" + previewImageWidth + "\" title=\"" + imgElements[0].alt + "\" class=\"thickbox\"><img src=\"" + strImgSrc + "&sp=" + shortArticleThumbImageWidth + "\" alt=\"" + imgElements[0].alt + "\" /></a>";
	}
}

function buildGalleries(article) {
	var imgElements = article.getElementsByTagName("img");
	var divElements = article.getElementsByTagName("div")
	
	var oArticleGalleryContainer = galleryElement(article, "articleGalleryContainer");
	var oGallery = galleryElement(article, "Gallery");
	var oArticleGalleryScroll = galleryElement(article, "jcarousel-scroll");
		
	var list = $("<ul class=\"article-carousel jcarousel-skin-tango\">");
	
	if (imgElements.length > 0) {
		
		//	ArticleGalleryContainer is initialy hidden
		oArticleGalleryContainer.style.display = "block";
		
		//	If there is only one picture, we don't need images scroller
		oArticleGalleryScroll.style.display = (imgElements.length > 1) ? "block" : "none";
		
		for(i = 0; i<imgElements.length; i++) {
			//	First hide image in text inline
			imgElements[i].style.display = "none";
			
			//	Then we get real img src value
			var strImgSrc = imgElements[i].src;
			strImgSrc = (strImgSrc.indexOf("&sp=") == -1) ? strImgSrc : strImgSrc.substring(0, strImgSrc.indexOf("&sp="));
			
			//	And then we add new picture in the list
			list.append("<li><a href=\"" + strImgSrc + "&sp=" + previewImageWidth + "\" title=\"" + imgElements[i].alt + "\" class=\"thickbox\" rel=\"articlegallery\"><img src=\"" + strImgSrc + "&sp=" + thumbImageWidth + "\" alt=\"" + imgElements[i].alt + "\" /></a></li>");
		}
	
		//	Append image list into gallery
		list.appendTo(oGallery);
	
	}
	
} 

function galleryElement(article, className) {
	var divElements = article.getElementsByTagName("div");	
	
	if (divElements) {
		for(j = 0; j<divElements.length; j++) {
			if (divElements[j].className == className) {
				return divElements[j];	
			}
		}
		return null;
	}
}