//variable
var divDroite;
var balisesDiv;
var nbBalisesDiv;
var cible;

function clicBloc() 
	{
		/*
			PROCESSUS :	
				- cibler la div de droite par son id (getElementById)
				- faire un getElementByTagName des div qui sont dans droite
				- boucler sur le nombre de div contenues dans la div droite et leur appliquer le TweenColor
				en ajoutant un événement DOM mouseover + mouseout dans la boucle 
		*/
		

		
		divDroite = document.getElementById("droite");
		balisesDiv = divDroite.getElementsByTagName("div");
		nbBalisesDiv = balisesDiv.length;
		//alert(nbBalisesDiv);
		
		
		for (var i =0; i<nbBalisesDiv; i++)
			{
				//événement
				DOM.ajouterEvenement(balisesDiv[i].id, "mouseover", overCarre);
				DOM.ajouterEvenement(balisesDiv[i].id, "mouseout", outCarre);
				DOM.ajouterEvenement(balisesDiv[i].id, "click", openPagePHP);	
			}
	}

function overCarre(e)
	{
		cible = DOM.proprietesEvenement(e, "cible");

		if(cible.parentNode.id != divDroite.id)
			{
				var colorTween = new ColorTween(cible.parentNode.style,"backgroundColor",Tween.bounceEaseOut,"CBBA9E","827D72",0.5);
				colorTween.start();
			}
	}

function outCarre(e)
	{
		cible = DOM.proprietesEvenement(e, "cible");
		
		if(cible.parentNode.id != divDroite.id)
			{
				var colorTween = new ColorTween(cible.parentNode.style,"backgroundColor",Tween.bounceEaseOut,"827D72","CBBA9E",0.5);
				colorTween.start();
			}
	}
	
function openPagePHP(e)
	{
		cible = DOM.proprietesEvenement(e, "cible")
		balisesDiv = cible.parentNode.id;
		//alert(balisesDiv);

		window.location.href = "rubrique.php?lienRubrique=" + balisesDiv;
		
	}