jQuery(document).ready(function(){
	productPageTabs();
	zoomPrd();
	if(jQuery('.carouselcontainer')){
		jQuery('.carouselcontainer').each(function(){
			initCarousel(jQuery(this));
		});
	}
	tooltip();
});

/******** tabs ************/
function productPageTabs(){
	jQuery("#productDesc #frag2").hide();
	jQuery("#productDesc #frag3").hide();
	jQuery("#productDesc #frag4").hide();
	jQuery("#productDesc ul li:eq(0)").addClass("active");
	jQuery("#productComment ul li:eq(0)").addClass("active");
	
	jQuery("#productDesc ul li a").click(function(){
		jQuery("#productDesc div:visible").hide();
		jQuery("#productDesc ul li").removeClass();
		var div = jQuery(this).attr("href");
		var selectTab = jQuery(this).parent();
		
		jQuery(div).show();
		jQuery(selectTab).addClass("active");
		return false;
	});
};

/******** zoom image ********/
function zoomPrd(){
	if(jQuery("#lcmZoomBox").length>0){
		
		jQuery(".leftContent .lcmZoomPrd").click(function(){
			jQuery("#lcmZoomBox").fadeIn();
			jQuery(".rightContent .selectShade").hide();
			return false;
		});
		jQuery("#lcmZoomBox").click(function(){
			
			jQuery("#lcmZoomBox").fadeOut();
			jQuery(".rightContent .selectShade").show();
		});
	};
};


/******** tooltip - hover box ********/
function tooltip(){
	
	jQuery(".carousel li, .zoneComplementaire li").hover(function(){
		jQuery(this).addClass("hover");
	}, function(){
		jQuery(this).removeClass("hover");
	});
	
};

/** carousel **/

function initCarousel(obj) {
	if($(obj) && $(obj).children('ul').length>0){
		$(obj).before('<div class="prev disabled"></div>');
		$(obj).after('<div class="next"></div>');
		$(obj).children('ul').children('li:eq(2)').addClass('removeborder');
		if($(obj).children('ul').children('li').length<4)$(obj).next('.next').addClass('disabled');
		$(obj).jCarouselLite({
			btnNext: $(obj).next('.next'),
			btnPrev: $(obj).prev('.prev'),
			beforeStart:carouselCallback,
			afterEnd: carouselCallback,
			circular: false
		});
	}
}

function carouselCallback(obj){
	$(obj).each(function(){$(this).removeClass('removeborder')});
	if(obj.length==3)$(obj[$(obj).length-1]).addClass('removeborder');
	if(!$(this).next('li'))$(this).removeClass('removeborder');
}

