$(document).ready(function(){   
						   
	$(".ArticleContainer, .ArticleContainer_TabLine").each(function (i) {
		buildGalleries(this);
  	
		$(".article-carousel").jcarousel({
			scroll: 1,
			initCallback: mycarousel_initCallback,
			// This tells jCarousel NOT to autobuild prev/next buttons
			buttonNextHTML: null,
			buttonPrevHTML: null
		});
	});
	
	//	add thickbox function on carousel
	$(".article-carousel a").lightBox({
		imageLoading: "DesignTemplates/DORH/images/_gui/lightbox-ico-loading.gif",
		imageBtnClose: "DesignTemplates/DORH/images/_gui/lightbox-btn-close.gif",
		imageBtnPrev: "DesignTemplates/DORH/images/_gui/lightbox-btn-prev.gif",
		imageBtnNext: "DesignTemplates/DORH/images/_gui/lightbox-btn-next.gif",
		txtImage: labelGalleryImage,
		txtOf: labelGalleryImageOf
	});

	
});

var thumbImageWidth = 220;
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 buildGalleries(article) {
	var imgElements = article.getElementsByTagName("img");
	var divElements = article.getElementsByTagName("div");
	for (var i=0;i<divElements.length;i++)
		if (divElements[i].className=="Lead_Text") imgElements = divElements[i].getElementsByTagName("img");
	
	var oArticleGalleryContainer = $("div.articleGalleryContainer:first");
	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.css("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.replace(/lgs/gi, "fgs");
			strImgSrc=strImgSrc + "&tms=900";
			//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 + "\"><img src=\"" + strImgSrc + "&sp=" + thumbImageWidth + "\" alt=\"" + imgElements[i].alt + "\" /></a></li>");
			list.append("<li><a href=\"" + strImgSrc + "\" title=\"" + imgElements[i].alt + "\"><img src=\"" + strImgSrc + "\" width=\"" + 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;
	}
}