var currentShadeName, currentShadeValue;

function CL_writeColorTable(){
	HTMLColorList='<table border=0 cellspacing=0 cellpadding=0>\n<tr>\n';
	TD_Count=0;
	for(i=0; i<document.ColorTable.length; i++){
		HTMLColorList+='<td width=26 height=26 valign=top><a href="javascript:changeShade(\''+document.ColorTable[i][0]+'\',\''+document.ColorTable[i][1]+'\');"><img src="/img/db/variants/pastilles/p_'+document.ColorTable[i][0]+'.gif" width=21 height=21 border=0></a></td>\n';
		TD_Count++;
		if(TD_Count==6) {	
			HTMLColorList+="</tr>\n<tr>\n";
			TD_Count=0;}
	}	
	if(TD_Count) for(i=TD_Count; i<7; i++) HTMLColorList+='<td width=26 height=26 valign=top>&nbsp;</td>\n';
	HTMLColorList+='</tr></table>\n';
	document.write(HTMLColorList);
	//alert(HTMLColorList);
}
	
function CL_AddColorItem(ProdNumber, ColorName, AdcfirstLine){ 
	if(AdcfirstLine){
		document.defaultSelectedShade=ProdNumber;
		document.defaultSelectedShadeName=ColorName;}
	colorTablePos=document.ColorTable.length;
	document.ColorTable[colorTablePos]=[];
	document.ColorTable[colorTablePos]=[ProdNumber,ColorName];}
function CL_ClearTable(){document.ColorTable=[];}	
function CL_getDefaultSelectedShade(){return document.defaultSelectedShade;}
function CL_getDefaultSelectedShadeName(){return document.defaultSelectedShadeName;}
/* dhtml_lib v2 Needed*/
function RunColorList(){
	changeShade(CL_getDefaultSelectedShade(), CL_getDefaultSelectedShadeName());
}

function initColorList(){
	dlib.anchors("CLShadeNamePos");
	setTimeout("RunColorList()",2);
}		
		
function changeShadeName(ShadeName){ 
	if(dlib.layers("CLShadeNameLayer").exist){
		currentShadeName = ShadeName;
		LeftCorrect=(dlib.navigator("NS6"))? +8:(dlib.plateforme("MAC") && document.all)? 0:-32;
		TopCorrect=(dlib.navigator("NS6"))? -14:+5;
		dlib.layers("CLShadeNameLayer").left(dlib.anchors("CLShadeNamePos").left()+LeftCorrect);
		dlib.layers("CLShadeNameLayer").top(dlib.anchors("CLShadeNamePos").top()+TopCorrect);//+dlib.images("selectedShade").height+10);
		
		ShadeNameHTMLcode="<table width=70 cellpadding=0 cellspacing=0 border=0>\n";
		ShadeNameHTMLcode+="<tr>\n<td align=center valign=middle class=Txt id=ptGrisClair>"+ShadeName+"</td>\n</tr>";		
		ShadeNameHTMLcode+="</table>\n";
		dlib.layers("CLShadeNameLayer").innerHTML(ShadeNameHTMLcode);
		dlib.layers("CLShadeNameLayer").visible(true);
	}
}
/* initPackage and Dhtml_lib v2 Needed */
function changeShade(ShadeValue, ShadeName){
	/* Set the current shade name and value */
	currentShadeName = ShadeName;
	currentShadeValue = ShadeValue;
	
	changeShadeName(ShadeName);
	ipackage_getImg("selectedShade").src="/img/db/variants/raisins/r_"+ShadeValue+".gif";
}
	
function refreshShade(){
	changeShade(currentShadeValue, currentShadeName);
}