/** Fonction lancée automatiquement
 * 
 */
function init(){
	onClickChien('c');
	onClickChat('ch');
}

function intervertirImage(img, newSrc) { img.src = newSrc; }


var menuChien = new Object();
menuChien.c = {id:"c",d:"imgs/picto/chien.jpg",active:"imgs/picto/chien_over.jpg",off:"imgs/picto/chien.jpg",text:"Chiens adultes",color:"#b76099"};
menuChien.jc = {id:"jc",d:"imgs/picto/jeune-chien.jpg",active:"imgs/picto/jeune-chien_over.jpg",off:"imgs/picto/jeune-chien.jpg",text:"Jeunes chiens",color:"#c9a0b2"};
menuChien.vc = {id:"vc",d:"imgs/picto/vieux-chien.jpg",active:"imgs/picto/vieux-chien_over.jpg",off:"imgs/picto/vieux-chien.jpg", text:"Chiens âgés",color:"#5c3f73"};

var menuChat = new Object();
menuChat.ch = {id:"ch",d:"imgs/picto/chat.jpg",active:"imgs/picto/chat_over.jpg",off:"imgs/picto/chat.jpg",text:"Chats adulte",color:"#b76099"};
menuChat.jch = {id:"jch",d:"imgs/picto/jeune-chat.jpg",active:"imgs/picto/jeune-chat_over.jpg",off:"imgs/picto/jeune-chat.jpg",text:"Jeunes chats",color:"#c9a0b2"};
menuChat.vch = {id:"vch",d:"imgs/picto/vieux-chat.jpg",active:"imgs/picto/vieux-chat_over.jpg",off:"imgs/picto/vieux-chat.jpg", text:"Chats âgés",color:"#5c3f73"};

var actived = {Chat:null, Chien:null};
var menu = {
	Chat:menuChat,
	Chien:menuChien
};

var activedChien = null;
var activedChat = null;


function rollOverChien(id){ rollOverItem(id,"Chien"); }
function onClickChien(id){ onClickItem(id,"Chien"); }
function rollOutChien(id){ rollOutItem(id,"Chien"); }

function rollOverChat(id){ rollOverItem(id,"Chat"); }
function onClickChat(id){ onClickItem(id,"Chat"); }
function rollOutChat(id){ rollOutItem(id,"Chat"); }


function rollOverItem(id,contexte)
{	
	var currentMenu = menu[contexte];
	var current = null;
	
	for( var i in currentMenu ){
		if( currentMenu[i].id == id ){ current = currentMenu[i]; }
		$("vignette_" +currentMenu[i].id).src = currentMenu[i].off;
	}
	
	$("vignette_"+current.id).src = current.active;
	$('texteVignettes'+contexte).innerHTML = "";
	$('texteVignettes'+contexte).appendChild(document.createTextNode(current.text));
	
}

function onClickItem(id,contexte){
	var currentMenu = menu[contexte];
	if( actived[contexte] ){
		$('vignette_' +actived[contexte].id).src = actived[contexte].off;
		$('infos_' +actived[contexte].id).style.display = "none";
	}
	
	actived[contexte] = currentMenu[id];
	$("vignette_"+(actived[contexte].id)).src = actived[contexte].active;
	$('texteVignettes'+contexte).innerHTML = "";
	$('texteVignettes'+contexte).appendChild(document.createTextNode(actived[contexte].text));
	$('texteVignettes'+contexte).style.backgroundColor = actived[contexte].color;
	$('infos_' +actived[contexte].id).style.display = "block";
}

function rollOutItem(id, contexte){
	var currentMenu = menu[contexte];
	if( actived[contexte] ){
		if( id != actived[contexte].id ){
			$("vignette_"+id).src = currentMenu[id].off;
			$("vignette_"+actived[contexte].id).src = actived[contexte].active;
			$('texteVignettes'+contexte).innerHTML = "";
			$('texteVignettes'+contexte).appendChild(document.createTextNode(actived[contexte].text));
		}
	}
}