// JavaScript Document


// CATEGORY MENU
category_menu_arr = new Array();
category_width = 0;

function category_scroll(direction, left_arrow_id, right_arrow_id){
	id = 'le_test';
	//id = 'category_menu';
	
	if(!slide_occuped[id]){
		slide_occuped[id] = direction;
		pos_slide_max[id] = (p_max[id] - p_show[id]) * p_size[id] * -1;
		
		//new pos calculating
		if(!new_pos[id]) new_pos[id] = current_pos[id];
		if(!pos_slide_min[id]) pos_slide_min[id] = 0;
		
		if( direction == 'left' && current_pos[id] > pos_slide_max[id]){
			new_pos[id] = new_pos[id] - (p_show[id] * p_size[id]);
			if(document.getElementById(left_arrow_id).style.visibility == 'hidden') apparition(left_arrow_id, 100);
			if(new_pos[id] <= pos_slide_max[id]){
				new_pos[id] = pos_slide_max[id];
				disparition(right_arrow_id, 0);
			}
		}
		else if( direction == 'right' && current_pos[id] < pos_slide_min[id] ){
			new_pos[id] = new_pos[id] + (p_show[id] * p_size[id]);
			if(document.getElementById(right_arrow_id).style.visibility == 'hidden') apparition(right_arrow_id, 100);
			if(new_pos[id] + 2 >= pos_slide_min[id]){
				new_pos[id] = pos_slide_min[id];
				disparition(left_arrow_id, 0);
			}
		}
		
		slide_deceleration[id] = (new_pos[id] + current_pos[id]) / 2;
		
		//move
		if(direction == 'left' && new_pos[id] >= pos_slide_max[id]){
			new_pos[id] = new_pos[id] - 2;
			p_first[id] = p_first[id] + p_show[id];
			p_last[id] = p_last[id] + p_show[id];
			slide_move(id);
			//document.getElementById('barre-left').style.border = "2px solid red";
		}
		else if(direction == 'right' && new_pos[id] <= pos_slide_min[id]){
			//new_pos[id] = new_pos[id] + 2;
			p_first[id] = p_first[id] - p_show[id];
			p_last[id] = p_last[id] - p_show[id];
			slide_move(id);
			//alert('test');
		}
		else{
			slide_occuped[id] = false;
			slide_deceleration[id] = false;
			//document.getElementById(left_arrow_id).style.border = "2px solid white";
		}
	}
}

function enabled_category_menu(state){
	id = "product_menu2";
	id2 = "test_slide";
	
	if(!state){
		document.getElementById(id).className = "barre2 disabled";
		document.getElementById(id2).style.display = 'none';
	}
	else{
		document.getElementById(id).className = "barre2";
		document.getElementById(id2).style.display = 'block';
	}
}

function category_menu_hover(num, id, total){
	id1 = 'categoryb';
	id2 = 'categorya';
	
	for(i=0;i<=total;i++){
		if(i == num){
			document.getElementById(id2+i).className = 'hover';
			document.getElementById(id1+i).value = 1;
		}
		else{
			document.getElementById(id2+i).className = '';
			document.getElementById(id1+i).value = 2;
		}
	}
	menuSlider.init('category_menu','test_slide');
}

/**
* l (length) : nombre d'éléments du menu
* q : vitesse de déplacement du curseur
* i : vitesse d'agrandissement/diminution du curseur
* w (width) : largeur de la case sélectionné
* p (position) : position de la case sélectionné
**/
var menuSlider = function(){
	var m,e,g,s,q,i; e=[]; q=14; i=8;
	return{
		init:function(j,k){
			m=document.getElementById(j); e=m.getElementsByTagName('li');
			var i,l,w,p; i=0; l=e.length;
			for(i;i<l;i++){
				var c,v; c=e[i]; v=c.value; if(v==1){s=c; w=c.offsetWidth; p=c.offsetLeft}
				c.onmouseover=function(){menuSlider.mo(this)}; // on passe la souris sur un menu est le trait arrive
				c.onmouseout=function(){menuSlider.mo(s)}; // on enlève la souris d'un menu et le trait retourne au menu sélectionné
			}
			g=document.getElementById(k); g.style.width=w+'px'; g.style.left=p+'px';
		},
		mo:function(d){
			clearInterval(m.tm);
			var el,ew; el=parseInt(d.offsetLeft); ew=parseInt(d.offsetWidth);
			m.tm=setInterval(function(){menuSlider.mv(el,ew)},i);
		},
		mv:function(el,ew){
			var l,w; l=parseInt(g.offsetLeft); w=parseInt(g.offsetWidth);
			if(l!=el||w!=ew){
				if(l!=el){var ld,lr,li; ld=(l>el)?-1:1; lr=Math.abs(el-l); li=(lr<q)?ld*lr:ld*q; g.style.left=(l+li)+'px'}
				if(w!=ew){var wd,wr,wi; wd=(w>ew)?-1:1; wr=Math.abs(ew-w); wi=(wr<q)?wd*wr:wd*q; g.style.width=(w+wi)+'px'}
			}
			else{
				clearInterval(m.tm)
			}
		}
	};
}();