//------------------------------------------------ AMBA TIP : Plugin Jquery --------------------------------------\\
//                                                                                                                 \\
//                                                                                                                  \\
//               <div id="contenerAmbaTip"><div id="blockAmbaTip">&nbsp;</div>                                       \\
//                  - <a href="lien normal" title="title" id="ambaTip_id" class="ambaTip">word</a><br />              \\
//               </div>                                                                                                \\
//                                                                                                                      \\
//                                                                                                                       \\
//                                                                                                                        \\
//---------------------------------------------------- DEBUT AMBA TIP  ----------------------------------------------------\\
//Chargement des Boutons images
var monImage1 = new Image(); monImage1.src = "images/rollOverCatg/securite.jpg";
var monImage2 = new Image(); monImage2.src = "images/rollOverCatg/chauffage.jpg";
var monImage3 = new Image(); monImage3.src = "images/rollOverCatg/climatisation.jpg";
var monImage4 = new Image(); monImage4.src = "images/rollOverCatg/piscine.jpg";
var monImage5 = new Image(); monImage5.src = "images/rollOverCatg/construction.jpg";     
var monImage6 = new Image(); monImage6.src = "images/rollOverCatg/ouverture.jpg";
$(document).ready( function () {  
  $('.ambaTip').hover(function() {
    Titre = this.title;
    $(this).attr('title','');
    showAmbaTip(this.id);
  },function(){
    resetAmbaTip(this.id);
    $(this).attr('title',Titre);
  });
});
/******************************************************* Functions ***********************************************************/  
function showAmbaTip(id){
  var splitID = id.split("_");
  idNew=splitID[1];
  
  var ambaTipHTML = "<div id='titleRollOverCatg' style='background:#FFF;padding-bottom:5px;'>"+idNew.toUpperCase()+"</div>";
      ambaTipHTML+= "<img src='images/rollOverCatg/"+idNew+".jpg' />";
  $("#blockAmbaTip").html(ambaTipHTML);
  
  //Calcul position
  var AT_x = 0;
  var ATarrow_x = 0;
  var AT_y = 0;
  var ATarrow_y = 0;
  var largeurLink = $("#"+id).outerWidth();
  var positionLink = $("#"+id).position();
  AT_x = largeurLink + positionLink['left'] + 15;
  ATarrow_x = largeurLink + positionLink['left'] + 5;
  AT_y = positionLink['top'] - 5;
  ATarrow_y = positionLink['top'] - 5;
  
  //Affichage
  $("#blockAmbaTip").css("top",AT_y);
  $("#arrowRollOverCatg").css("top",ATarrow_y);
  $("#blockAmbaTip").css("left",AT_x);
  $("#arrowRollOverCatg").css("left",ATarrow_x);
  $("#blockAmbaTip").css("display","block");
  $("#arrowRollOverCatg").css("display","block");
}

function resetAmbaTip(id){
  $("#blockAmbaTip").css("display","none");
  $("#arrowRollOverCatg").css("display","none");
  $("#blockAmbaTip").html("");
}
//----------------------------------------------------- Fin AMBA TIP ------------------------------------------------------//
//                                                                                                                        //
//                                       by AMBA - www.amba.fr - Web Agency Marseille                                    //
//                                                                                                                      //
//---------------------------------------------------------------------------------------------------------------------//