/** variables de gestion des filets **/
var currentCase=3;
var colorFiletOn = 'black';
var colorFiletOff = '#E9E5E6';

var cas3 = new Array();
cas3[0] = 'classe1';
cas3[1] = 'classe1';
cas3[2] = 'classe1';
cas3[3] = 'classe1';
cas3[4] = 'classe1';
cas3[5] = 'classe2';
cas3[6] = 'classe3';
cas3[7] = 'classe3';
cas3[8] = 'classe3';
cas3[9] = 'classe3';
cas3[10] = 'classe3';
cas3[11] = 'classe3';
cas3[12] = 'classe3';
cas3[13] = 'classe4';


var casSp3 = new Array();
casSp3[0] = 'classeSp1';
casSp3[1] = 'classeSp1';
casSp3[2] = 'classeSp1';
casSp3[3] = 'classeSp1';
casSp3[4] = 'classeSp1b';
casSp3[5] = 'classeSp1';
casSp3[6] = 'classeSp2';
casSp3[7] = 'classeSp3';
casSp3[8] = 'classeSp3b';
casSp3[9] = 'classeSp3';
casSp3[10] = 'classeSp3';
casSp3[11] = 'classeSp3';
casSp3[12] = 'classeSp3b';
casSp3[13] = 'classeSp3';
casSp3[14] = 'classeSp3';
casSp3[15] = 'classeSp4';


/** on isole le div conteneur de tous les produits **/
nodes = document.getElementById('zoneProd').getElementsByTagName('div');
nodesName = document.getElementById('zoneName').getElementsByTagName('li');


/** definition du cas courant **/
	currentCase = cas3;
	currentCase2 = casSp3;
	iSize = 50;
	iImgName ='s_';
	iTableWidth = '350';



/** nombre de produits par ligne **/
	nbParLigne = 6;


/** affectation des classes **/
for(i=0;i<nodes.length;i++)
{
	sTmp = nodes[i].innerHTML;
	sTmp = sTmp.replace("m_",iImgName);	
	sSize = '='+iSize;
		
	nodes[i].style.width=iSize+'px';
	nodes[i].style.height=iSize+'px';
	nodes[i].setAttribute('id','prod'+i);
	nodes[i].className=currentCase[i];
	nodes[i].innerHTML = sTmp;
	nodes[i].onmouseover=biOn;	
	nodes[i].onmouseout=biOff;
	nodes[i].num=i;
	nodes[i].typeNode = 'normal';
	if(i==(nodes.length-1) && i!=0)
	{
		if(nodes.length<7){
			nodes[i].className='classe2';
			cas3[i]='classe2';
			casSp3[i]='classe2';
		}
		else
		{
			nodes[i].className='classe4';
			cas3[i]='classe4';
			casSp3[i]='classe4';
		}	
		
	}else if(i==0 && i==(nodes.length-1) )
	{
		nodes[i].className='classe2';
		cas3[i]='classe2';
		casSp3[i]='classe2';
	}
}

if(nodesName.length!=0){
	for(j=0;j<nodesName.length;j++)
	{

		sTmp2 = nodesName[j].innerHTML;
		sTmp2 = sTmp2.replace("<BR>"," ");
		sTmp2 = sTmp2.replace("<br>"," ");
		nodesName[j].innerHTML = sTmp2;
		nodesName[j].setAttribute('id','name'+j);
		nodesName[j].num=j;
		nodesName[j].onmouseover=biOn;
		nodesName[j].onmouseout=biOff;
	}
}




var currentNumber ='';


/** roll on sur le produit **/
function biOn(event)
{

currentClasse = nodes[this.num].className;
currentNumber=parseInt(this.num);
currentObj = currentCase[currentNumber];	
		
		//opacity(nodes[this.num].getElementsByTagName('img')[0].id, 30, 100, 1000)
		
		if(currentClasse=='classe1')
		{			
			nodes[this.num].className = 'classe1on';
			if(nodes[currentNumber+1].className=='classe1' || nodes[currentNumber+1].className=='classeSp1'){
				if(nodes[currentNumber+1].typeNode!='suppl')
				{
				nodes[currentNumber+1].className='left1On';
				}
				else
				{
				nodes[currentNumber+1].className='left1spOn'
				}
			}else if(nodes[currentNumber+1].className=='classe2' || nodes[currentNumber+1].className=='classeSp2'){
				if(nodes[currentNumber+1].typeNode!='suppl')
				{
				nodes[currentNumber+1].className='left2On';
				}
				else
				{
				nodes[currentNumber+1].className='left2spOn'
				}
				
			}else if(nodes[currentNumber+1].className=='classe3' || nodes[currentNumber+1].className=='classeSp3'){
				if(nodes[currentNumber+1].typeNode!='suppl')
				{
				nodes[currentNumber+1].className='left3On';
				}
				else
				{
				nodes[currentNumber+1].className='left3spOn';
				}
			}
			else if(nodes[currentNumber+1].className=='classe4' || nodes[currentNumber+1].className=='classeSp4'){
				if(nodes[currentNumber+1].typeNode!='suppl')
				{
				nodes[currentNumber+1].className='left4On';
				}
				else
				{
				nodes[currentNumber+1].className='left4spOn';
				}
			}			
		}
		
		if(currentClasse=='classe2')
		{					
			nodes[this.num].className = 'classe2on';			
		}
		
		if(currentClasse=='classe3')
		{
			nodes[this.num].className = 'classe3on';
			
			if(nodes[currentNumber-nbParLigne].className=='classe1' || nodes[currentNumber-nbParLigne].className=='classeSp1'){			
				nodes[currentNumber-nbParLigne].className='bottom1On';
			}else if(nodes[currentNumber-nbParLigne].className=='classe2' || nodes[currentNumber-nbParLigne].className=='classeSp2'){			
				nodes[currentNumber-nbParLigne].className='bottom2On';
			}else  if(nodes[currentNumber-nbParLigne].className=='classe3' || nodes[currentNumber-nbParLigne].className=='classeSp3'){			
				nodes[currentNumber-nbParLigne].className='bottom3On';
			}else  if(nodes[currentNumber-nbParLigne].className=='classe4' || nodes[currentNumber-nbParLigne].className=='classeSp4'){			
				nodes[currentNumber-nbParLigne].className='bottom4On';
			}
			
			if(nodes[currentNumber+1].className=='classe1' || nodes[currentNumber+1].className=='classeSp1'){			
				if(nodes[currentNumber+1].typeNode!='suppl')
				{
				nodes[currentNumber+1].className='left1On';
				}else
				{
				nodes[currentNumber+1].className='left1spOn';
				}
			}else if(nodes[currentNumber+1].className=='classe2' || nodes[currentNumber+1].className=='classeSp2'){			
				if(nodes[currentNumber+1].typeNode!='suppl')
				{
				nodes[currentNumber+1].className='left2On';
				}
				else
				{
				nodes[currentNumber+1].className='left2spOn';
				}
			}else if(nodes[currentNumber+1].className=='classe3' || nodes[currentNumber+1].className=='classeSp3'){			
				if(nodes[currentNumber+1].typeNode!='suppl')
				{
				nodes[currentNumber+1].className='left3On';
				}
				else
				{
				nodes[currentNumber+1].className='left3spOn';
				}
			}else if(nodes[currentNumber+1].className=='classe4' || nodes[currentNumber+1].className=='classeSp4'){			
				if(nodes[currentNumber+1].typeNode!='suppl')
				{
				nodes[currentNumber+1].className='left4On';
				}
				else
				{
				nodes[currentNumber+1].className='left4spOn';
				}
			}
		}
		
		if(currentClasse=='classe4')
		{
			nodes[this.num].className = 'classe4on';
			
			if(nodes[currentNumber-nbParLigne].className=='classe1' || nodes[currentNumber-nbParLigne].className=='classeSp1'){
				if(nodes[currentNumber-nbParLigne].typeNode!='suppl')
				{
				nodes[currentNumber-nbParLigne].className='bottom1On';
				}
				else
				{
				nodes[currentNumber-nbParLigne].className='bottom1spOn';
				}
				
				
			}else if(nodes[currentNumber-nbParLigne].className=='classe2' || nodes[currentNumber-nbParLigne].className=='classeSp2'){
				if(nodes[currentNumber-nbParLigne].typeNode!='suppl')
				{
				nodes[currentNumber-nbParLigne].className='bottom2On';
				}
				else
				{
				nodes[currentNumber-nbParLigne].className='bottom2spOn';
				}
			}else  if(nodes[currentNumber-nbParLigne].className=='classe3' || nodes[currentNumber-nbParLigne].className=='classeSp3'){
				if(nodes[currentNumber-nbParLigne].typeNode!='suppl')
				{
				nodes[currentNumber-nbParLigne].className='bottom3On';
				}
				else
				{
				nodes[currentNumber-nbParLigne].className='bottom3spOn';
				}
			}else  if(nodes[currentNumber-2].className=='classe4' || nodes[currentNumber-2].className=='classeSp4'){
				if(nodes[currentNumber-nbParLigne].typeNode!='suppl')
				{
				nodes[currentNumber-nbParLigne].className='bottom4On';
				}
				else
				{
				nodes[currentNumber-nbParLigne].className='bottom4spOn';
				}
			}			
		}
		
		if(nodesName.length!=0){
			if(document.getElementById('name'+this.num).className == 'produit')
			{			
				document.getElementById('name'+this.num).className="produitOn";	
			}
		}
	
		
}

/** roll off en sortant du produit **/
function biOff(event)
{
		//opacity(nodes[this.num].getElementsByTagName('img')[0].id, 100, 100, 0);
		
		for (i=0;i<nodes.length;i++)
		{
			if(nodes[i].typeNode!='suppl')
			{
				nodes[i].className = currentCase[i];
				if(document.getElementById('name'+i))document.getElementById('name'+i).className='produit';
			}else
			{
				nodes[i].className = currentCase2[i];				
				
			}
			
		}
}

function biRollOnPrd(num)
{
	biOn(nodes[num]);
	document.getElementById('name'+num).className='produitOn';
	
}

function biRollOffPrd(num)
{
	biOff(nodes[num]);
	document.getElementById('name'+num).className='produit';
}



/** ajout d'effets sur le rollover **/
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 

/** fin des effets **/


/** après traitement, affichage du div **/

document.getElementById('zoneProd').style.width=iTableWidth+'px';
document.getElementById('zoneProd').style.display = 'block';
document.onmousemove = biStoreCoordinate;