$(document).ready(function() {
		$('dl#descriptionTab dt').click(function() {
			if($(this).hasClass('off')){
				$('dl#descriptionTab dt.on').removeClass('on').addClass('off');
				$('dl#descriptionTab dd.on').removeClass('on').addClass('off');
				$(this).removeClass('off').addClass('on');
				$(this).next().removeClass('off').addClass('on')
			}
		});
		$('#productToBasketForm #colors .more').click(function(){
			if($('#productToBasketForm #colors .endList').css("display")!='block'){
				$('#productToBasketForm #colors .endList').slideDown('slow');
			} else {
				$('#productToBasketForm #colors .endList').slideUp('slow');
			}
		});
		$('dl#descriptionTab dt').wrapInner('<span class="btWrap1"><span class="btWrap2"></span></span>');
		/*
		Pour viter d'avoir le chevauchement sous ie il faut affecter un z-index sur les li et pas sur les images.
		La fonction qui suit engendre des comportements tranges : 
			cela fonctionne uniquement sur le premier item cliqu.
			les class focus et checked affects au label n'apparaissent plus.
		Je n'ai pas compris  quel moment les classes sur les labels etaient affectes.
		*/
		
		var highlightColorItem = function(colorItem) {
			$('#colors ul.radios li').removeClass('highlight');
			colorItem.addClass('highlight');
		};		
		
		
		$('#productToBasketForm #colors ul li label img').click(function(){
			$(this).parent().click();
			box.ui('form.productToBasketForm').field('color').check($(this).parent().attr('for'));
			highlightColorItem($(this).parent().parent());
		});
		
		
		$('#productToBasketForm #colors ul li label img').hover(function(){
			$(this).parent().parent().addClass('over');
		},function(){
			$(this).parent().parent().removeClass('over');
		});
	}
);
box.dom(document).ready(function() {
  box.ui('form').create({
    element: '#productToBasketForm'
  }).addReplacement(); // remplacement visuel
  
  $('form#productToBasketForm input.addToBasket').click(function(){
		var product = $('form#productToBasketForm').serialize();
		var url = '/popins/popin-basket?boxid=basket&add=true&'+product;
		$('#header #shortcut .basketOff').css({display:'block'});
		if(!basketTimer.popinRunning) {
			basketPopinAction.openLoader();
			$('#shortcut li:last').removeClass('basketOff').addClass('basketOn');
			box.ui('generic.basket').set({url: url, cache:false});
		} else {
			box.ui('scroll').destroy('basket');
        	box.ui('generic.basket').removeFromDOM();
			box.ui('generic.basket').set({url: url, cache:false});
			basketTimer.mouseOutBasket = false;
			basketTimer.count = 0;
		}
		return false;
	});
});