function containsDOM (container, containee) {
  var isParent = false;
  do {
    if ((isParent = container == containee))
      break;
    containee = containee.parentNode;
  }
  while (containee != null);
  return isParent;
}

function checkMouseEnter (element, evt) {
  if (element.contains && evt.fromElement) {
    return !element.contains(evt.fromElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}

function checkMouseLeave (element, evt) {

  if (element.contains && evt.toElement) {
  	return !element.contains(evt.toElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}

function showrond(id) {
	
	if(id){/* si d'autres maps sur la page leur id est vide - onrealsie la suiet que si id present */
		hiderond();
		switch (id){
			case "init1":
				$("img#rond1select1").show();
			break;
			case "init2":
				$("img#rond2select2").show();			
			break;
			case "init3":
				$("img#rond3select3").show();			
            break;
			case "init4":
				$("img#rond4select4").show();			
            break;
			case "rondaccueil":
				$("img#rondaccueil").show();
			break;
			case "rondaccueil_1survol":
				$("img#rondaccueil_1survol").show();
			break;
			case "rondaccueil_2survol":
				$("img#rondaccueil_2survol").show();
			break;
			case "rondaccueil_3survol":
				$("img#rondaccueil_3survol").show();
            break;
			case "rondaccueil_4survol":
				$("img#rondaccueil_4survol").show();
			break;
			default:
				$("img#"+id).show();
			break;
		}
	}
}

function hiderond(){	
	/**recuperation de l'id de la map*/
	var index = $("map").attr('id');
	if(index=="rondaccueil"){
		$("img#rondaccueil").hide();
		$("img#rondaccueil_1survol").hide();
		$("img#rondaccueil_2survol").hide();
		$("img#rondaccueil_3survol").hide();
		$("img#rondaccueil_4survol").hide();
	}else{
		if(index=="rondinte"){
			$("img#"+index).hide();
		}		
		$("img#"+index+"select1").hide();
		$("img#"+index+"select2").hide();
		$("img#"+index+"select3").hide();	
		$("img#"+index+"select4").hide();	
	}
}



$(document).ready(function(){
	$("area")
		.mouseover(function() {
			showrond(this.id);
			})
		/*.mouseout(function(){
			showrond(this.id, index);			
		})*/
	;
});