// Fcts de fade-in et fade-out pour les DIV Articles

var currentNumero = "1";
var currentArticle = "article1";
var currentManchette = "manchette1";
var anim = false;
//var imgArticle_array = new Array("images/_mitsubishi.jpg", "images/_ferrari.jpg", "images/_casque.jpg", "images/_chaises.jpg");

function initArticle() {
	setOpacity(document.getElementById("article2"), 0);
	setOpacity(document.getElementById("article3"), 0);
	setOpacity(document.getElementById("article4"), 0);
};

function switchDiv(numero) {
	var article = "article"+numero;
	var manchette = "manchette"+numero;
	var img = "imgArticle"+numero;
	var article_str = article.toString();
	
	
	if(anim==false && article_str!=currentArticle) {
		
		anim = true;
		var imgSrc = document.getElementById(img).src.toString();
		var lastChar = imgSrc.charAt(imgSrc.length-1);

		// if lastChar == #, on doit loader l'img pour la 1ere fois
		if(lastChar=="#"){
			document.getElementById(img).src = imgArticle_array[numero-1];
		}
		fadeOut(currentArticle, 100);
		document.getElementById(article).style.visibility = "visible";
		fadeIn(article, 0);
		

		if(currentNumero==imgArticle_array.length)
			document.getElementById(currentManchette).className='miseValeurManchette_noBorder';
		else
			document.getElementById(currentManchette).className='miseValeurManchette';
		if(numero==imgArticle_array.length)
			document.getElementById(manchette).className='miseValeurManchette_selected_noBorder';
		else
			document.getElementById(manchette).className='miseValeurManchette_selected';
			
		currentNumero = numero;
		currentArticle = article;
		currentManchette = manchette;
	}
};

function setOpacity(obj, opacity) {
	if(opacity == 0){
		obj.style.visibility = "hidden";
	}else{
		obj.style.visibility = "visible";
	}
	obj.style.filter = "alpha(opacity:"+opacity+")";
	obj.style.KHTMLOpacity = opacity/100;
	obj.style.MozOpacity = opacity/100;
	obj.style.opacity = opacity/100;
};

function fadeIn(objId,opacity) {
	obj = document.getElementById(objId);
	if (opacity <= 100) {
		setOpacity(obj, opacity);
		opacity += 10;
		window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
	}
};

function fadeOut(objId,opacity) {
	obj = document.getElementById(objId);
	if (opacity >= 0) {
		setOpacity(obj, opacity);
		opacity -= 10;
		window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
	}else{
		obj.style.visibility = "hidden";
		anim = false;
	}
};