var interaction = null;

function hideInteraction()
{

	interaction.style.display    = 'none';
}

function getInteraction(id)
{

	interaction.style.background = 'url(./images/' + id + '-hover.jpg)';
	interaction.style.display    = 'block';
}

function setInteraction()
{

	var menu  = document.getElementById('navigation-gauche');
	var items = menu.getElementsByTagName('li');
	var count = items.length;
	var i     = 0;
	while (i < count) {
	
		items[i].onmouseover = function() { getInteraction(this.id); }
		items[i].onmouseout  = function() { hideInteraction(); }
		i += 1;
	}
}

function setIndexInteraction()
{
	setInteraction();
	interaction               = document.createElement('p');
	interaction.id            = 'interaction';
	interaction.style.display = 'none';
	document.getElementById('index').appendChild(interaction);
}

var mesmenus = new Array('nav-dechets',
						 'nav-commun',
						 'nav-transport',
						 'nav-urbains',
						 'nav-energie',
						 'nav-expertises',
						 'nav-electronique');

var nbSec = 350;
var id ='';
var menuOn = 0;
var menuOn1 = 0;
function finApparait(){
	menuOn = 1;
}
function finDisparait(){
	menuOn = 0;
}
function finApparait2(){
	menuOn1 = 1;
}
function finDisparait2(){
	menuOn1 = 0;
}

$(document).ready(function(){
	for(i = 0 ;i < mesmenus.length; i++){
		$('#img_'+mesmenus[i]).mouseover(
			function(){
				temp = this.id.split("_");
				id = temp[temp.length-1];
				$('#img_on_'+id).fadeIn(nbSec);
				$('#img_'+id).fadeOut(nbSec);
			}
		);
		$('#img_on_'+mesmenus[i]).mouseout(
			function(){
				temp = this.id.split("_");
				id = temp[temp.length-1];
				$('#img_'+id).fadeIn(nbSec);
				$('#img_on_'+id).fadeOut(nbSec);
			}
		);
	}
	$('#ssMenuHome32').mouseover(
		function(){
			$('#ssMenuHomeOn32').fadeIn(nbSec);
			$('#ssMenuHome32').fadeOut(nbSec,finApparait);
		}
	);
	$('#ssMenuHomeOn32').mouseover(
		function(){
			menuOn = 0;
		}
	);
	$('#ssMenuHomeOn32').mouseout(
		function(){
			menuOn = 1;
		}
	);
	$('#ssMenuHome18').mouseover(
		function(){
			$('#ssMenuHomeOn18').fadeIn(nbSec);
			$('#ssMenuHome18').fadeOut(nbSec,finApparait2);
		}
	);
	$('#ssMenuHomeOn18').mouseover(
		function(){
			menuOn1 = 0;
		}
	);
	$('#ssMenuHomeOn18').mouseout(
		function(){
			menuOn1 = 1;
		}
	);
	$('#fr').mouseover(
		function(){
			if(menuOn == 1){
				$('#ssMenuHome32').fadeIn(nbSec);
				$('#ssMenuHomeOn32').fadeOut(nbSec,finDisparait);
			}
			if(menuOn1 == 1){
				$('#ssMenuHome18').fadeIn(nbSec);
				$('#ssMenuHomeOn18').fadeOut(nbSec,finDisparait2);
			}
		}
	);
	$('#en').mouseover(
		function(){
			if(menuOn == 1){
				$('#ssMenuHome32').fadeIn(nbSec);
				$('#ssMenuHomeOn32').fadeOut(nbSec,finDisparait);
			}
			if(menuOn1 == 1){
				$('#ssMenuHome18').fadeIn(nbSec);
				$('#ssMenuHomeOn18').fadeOut(nbSec,finDisparait2);
			}
		}
	);
	$('#index').mouseover(
		function(){
			if(menuOn == 1){
				$('#ssMenuHome32').fadeIn(nbSec);
				$('#ssMenuHomeOn32').fadeOut(nbSec,finDisparait);
			}
			if(menuOn1 == 1){
				$('#ssMenuHome18').fadeIn(nbSec);
				$('#ssMenuHomeOn18').fadeOut(nbSec,finDisparait1);
			}
		}
	);
	$(".subMenu").mouseover(
		function(){
			menuOn = 0;
			$('#ssMenuHome32').css("display") = "none";
			$('#ssMenuHomeOn32').css("display") = "block";		
			menuOn1 = 0;
			$('#ssMenuHome18').css("display") = "none";
			$('#ssMenuHomeOn18').css("display") = "block";		
		}
	);
	$("#link_nav-eaux_fr").mouseover(
		function(){
			this.src = "./medias/fr/eaux.jpg";
		}
	);
	$("#link_nav-eaux_fr").mouseout(
		function(){
			this.src = "./medias/fr/eaux.png";
		}
	);
	$("#link_nav-traitement-eaux_fr").mouseover(
		function(){
			this.src = "./medias/fr/traitement.jpg";
		}
	);
	$("#link_nav-traitement-eaux_fr").mouseout(
		function(){
			this.src = "./medias/fr/traitement.png";
		}
	);
	$("#link_nav-hydrauliques_fr").mouseover(
		function(){
			this.src = "./medias/fr/hydraulique.jpg";
		}
	);
	$("#link_nav-hydrauliques_fr").mouseout(
		function(){
			this.src = "./medias/fr/hydraulique.png";
		}
	);
	$("#link_nav-eaux_en").mouseover(
		function(){
			this.src = "./medias/en/eaux.jpg";
		}
	);
	$("#link_nav-eaux_en").mouseout(
		function(){
			this.src = "./medias/en/eaux.png";
		}
	);
	$("#link_nav-traitement-eaux_en").mouseover(
		function(){
			this.src = "./medias/en/traitement.jpg";
		}
	);
	$("#link_nav-traitement-eaux_en").mouseout(
		function(){
			this.src = "./medias/en/traitement.png";
		}
	);
	$("#link_nav-hydrauliques_en").mouseover(
		function(){
			this.src = "./medias/en/hydraulique.jpg";
		}
	);
	$("#link_nav-hydrauliques_en").mouseout(
		function(){
			this.src = "./medias/en/hydraulique.png";
		}
	);
	$("#link_nav-sodae_fr").mouseover(
		function(){
			this.src = "./medias/fr/sodae.jpg";
		}
	);
	$("#link_nav-sodae_fr").mouseout(
		function(){
			this.src = "./medias/fr/sodae.png";
		}
	);
	$("#link_nav-sodae_en").mouseover(
		function(){
			this.src = "./medias/en/sodae.jpg";
		}
	);
	$("#link_nav-sodae_en").mouseout(
		function(){
			this.src = "./medias/en/sodae.png";
		}
	);
	$("#link_nav-aroma_fr").mouseover(
		function(){
			this.src = "./medias/fr/aroma.jpg";
		}
	);
	$("#link_nav-aroma_fr").mouseout(
		function(){
			this.src = "./medias/fr/aroma.png";
		}
	);
	$("#link_nav-aroma_en").mouseover(
		function(){
			this.src = "./medias/en/aroma.jpg";
		}
	);
	$("#link_nav-aroma_en").mouseout(
		function(){
			this.src = "./medias/en/aroma.png";
		}
	);
});