function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
				curleft += obj.offsetLeft;
				curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}

function setPos(obj, left, top){
	component = obj;
	if (obj.offsetParent) {
		while (obj = obj.offsetParent){
				left -= obj.offsetLeft;
				top -= obj.offsetTop;
		}
	}
	component.style.left = left;
	component.style.top = top;
}

function popupImage(id, show){
	photo = document.getElementById("photo" + id);
	if(show){
		photo = document.getElementById("photo" + id);
		photo.style.display='block';
		vignette = document.getElementById("vignette" + id);
		
		pos = findPos(vignette);
		setPos(photo, pos[0] + vignette.clientWidth + 2, pos[1] - (photo.clientHeight - vignette.clientHeight) - 2);
	} else {
		photo.style.display = 'none';
	}
	
}
	
function compareProduits(){
	artList = getArtCompList();
	
	if(artList.length > 1){
		url = "produit_article.php";
		for(i = 0 ; i < artList.length ; i++){
			url+=(i == 0?"?":"&")+ "codeArticle[]=" + artList[i];
		}
		document.location.href=url;
	} else {
		alert("Veuillez sélectionner au moins 2 articles pour la comparaison");
	}
}

function getArtCompList(){
	cbArray = document.getElementsByName("artComp");
	if(cbArray == null){
		return null;
	}
	nbArt = 0;
	artList = new Array;
	
	artList2 = new Array;	
	for(i = 0 ; i < artList2.length ; i++){
		contained=false;
		for(j = 0 ; j < cbArray.length ; j++){
			if(cbArray[j].value == artList2[i]){
				contained= true;
				break;
			}
		}
		if(! contained){
			artList.push(artList2[i]);
		}
	}
	
	
	for(i = 0 ; i < cbArray.length ; i++){
		if(cbArray[i].checked){
			artList.push(cbArray[i].value);
		}
	}
	
	return artList;
}

function concatArtCompList(url){
	artList = getArtCompList();
	
	if(artList.length > 0){
		if(! url.match("\\?")){
			url+="?";
		} else {
			url+="&";
		}
		for(i = 0 ; i < artList.length ; i++){
			url+=(i == 0?"":"&")+ "artComp[]=" + artList[i];
		}
	}
	document.location.href=url;
}