function addEvent2(oElem, sEvType, fn, bCapture) {
	return oElem.addEventListener?
		oElem.addEventListener(sEvType, fn, bCapture):
			oElem.attachEvent?
				oElem.attachEvent('on' + sEvType, fn):
					oElem['on' + sEvType] = fn;
}

function opacityPourIE(obj) {
	if(obj.filters)
		obj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="+ getOpacity(obj) +")";
}

function setOpacity(obj, val) {
	obj.style.opacity = (val / 100);

	opacityPourIE(obj);
}

function getOpacity(obj) {
	if(!obj.style.opacity) obj.style.opacity = 0;
	return Math.round((parseFloat(obj.style.opacity) * 100));
}

function decOpacity(obj) {
	obj.style.opacity = parseFloat(obj.style.opacity) - 1.00;

	opacityPourIE(obj);
}

function incOpacity(obj) {
	if(!obj.style.opacity) obj.style.opacity = 0;
	obj.style.opacity = parseFloat(obj.style.opacity) + 1.00;

	opacityPourIE(obj);
}

function fade(id) {
	var obj = document.getElementById(id);
	if(obj) {
		if(obj.fadeState == "in") {
			if(getOpacity(obj) < 100)
				incOpacity(obj);

			if(getOpacity(obj) > 100) { setOpacity(obj, 100); obj.fadeState = ''; }
			else if(getOpacity(obj) == 100) { obj.fadeState = ''; }
			else setTimeout("if(fade) fade('"+ id +"')", 100);

		} else if(obj.fadeState == "out") {
			decOpacity(obj);

			if(getOpacity(obj) <= 0) {
				setOpacity(obj, 0);
				obj.fadeState = '';
				obj.style.visibility = 'hidden';
			}
			else setTimeout("if(fade) fade('"+ id +"')", 100);
		}
	}
}

function fadeOut(id) {
	var obj = document.getElementById(id);
	if(obj) {
		if(obj.fadeState != 'in' && obj.fadeState != 'out') {
			obj.fadeState = 'out';
			setTimeout("if(fade) fade('"+ id +"')", 50);
		} else {
			obj.fadeState = 'out';
		}
	}
}

function fadeIn(id) {
	var obj = document.getElementById(id);
	if(obj) {
		obj.style.visibility = 'visible';

		if(obj.fadeState != 'in' && obj.fadeState != 'out') {
			obj.fadeState = 'in';
			setTimeout("if(fade) fade('"+ id +"')", 20);
		} else {
			obj.fadeState = 'in';
		}
	}
}


function rouler1(e) {
	fadeIn('boite-boissons_gazeuses-over');
}

function derouler1(e) {
	fadeOut('boite-boissons_gazeuses-over');
}

function rouler2(e) {
	fadeIn('boite-eau_de_source-over');
}

function derouler2(e) {
	fadeOut('boite-eau_de_source-over');
}

function rouler3(e) {
	fadeIn('boite-a_propos_de_kiri-over');
}

function derouler3(e) {
	fadeOut('boite-a_propos_de_kiri-over');
}

function rouler4(e) {
	fadeIn('boite-service_de_livraison-over');
}

function derouler4(e) {
	fadeOut('boite-service_de_livraison-over');
}

function initialiser() {
	var obj = document.getElementById("boite-boissons_gazeuses");
	if(obj) {
		addEvent2(obj, "mouseover", rouler1, false);
		addEvent2(obj, "mouseout", derouler1, false);
	}

	var obj = document.getElementById("boite-eau_de_source");
	if(obj) {
		addEvent2(obj, "mouseover", rouler2, false);
		addEvent2(obj, "mouseout", derouler2, false);
	}

	var obj = document.getElementById("boite-a_propos_de_kiri");
	if(obj) {
		addEvent2(obj, "mouseover", rouler3, false);
		addEvent2(obj, "mouseout", derouler3, false);
	}

	var obj = document.getElementById("boite-service_de_livraison");
	if(obj) {
		addEvent2(obj, "mouseover", rouler4, false);
		addEvent2(obj, "mouseout", derouler4, false);
	}
}


addEvent2(window, "load", initialiser, true);