function toggleTab(elId,photo) {
	var tab1 = document.getElementById('tab1');
	var tab2 = document.getElementById('tab2');
	var div1 = document.getElementById('div1');
	var div2 = document.getElementById('div2');
	if(elId == "tab1") {
		tab1.className = "activeLeft";
		tab2.className = "inactive";
		div2.className = "ongletInactive";
		div1.className = "ongletActive";
		afficheactus('1',photo);
	}
	else {
		tab1.className = "inactive";
		tab2.className = "active";
		div2.className = "ongletActive";
		div1.className = "ongletInactive";
		afficheactus('4',photo);
	}
	return false;
}

function afficheactus(id,photo) {
		grostitres = new Array ('1','2','3','4','5','6');
		
		for(i=0;i<grostitres.length;i++) {
			if (grostitres[i] !== id) {
				eval("document.getElementById('grostitre"+grostitres[i]+"').style.visibility='hidden'");
				eval("document.getElementById('grostitre"+grostitres[i]+"').style.display='none'");
				eval("document.getElementById('vignette"+grostitres[i]+"').className='vignette'");
				eval("document.getElementById('vignette"+grostitres[i]+"').style.visibility='visible'");
				eval("document.getElementById('vignette"+grostitres[i]+"').style.display=''");
				document.getElementById('tdgrostitre').style.background="url("+photo+")";
				document.getElementById('tdgrostitre').style.backgroundPosition="center 10%";
				document.getElementById('tdgrostitre2').style.background="url("+photo+")";
				document.getElementById('tdgrostitre2').style.backgroundPosition="center 10%";
			}
			else {
				eval("document.getElementById('grostitre"+id+"').style.visibility='visible'");
				eval("document.getElementById('grostitre"+id+"').style.display=''");
				eval("document.getElementById('vignette"+id+"').style.visibility='hidden'");
				eval("document.getElementById('vignette"+id+"').style.display='none'");
			}
		}
	}