function thumbsOver(e)
{
  $(".thumbs").removeClass("thumbsHover");
  $(".thumbsFirst").removeClass("thumbsFirstHover");
  id=$(e.target).attr('id');
  a='#a'+id;
  if ($(a).hasClass("thumbsFirst")==true)
    $(a).addClass("thumbsFirstHover");
  else
    $(a).addClass("thumbsHover");
  return false;
}

function thumbsElemLinkOver(e)
{
  $(".thumbs").removeClass("thumbsHover");
  $(".thumbsFirst").removeClass("thumbsFirstHover");
  a=$(e.target).parent();
  if ($(a).hasClass("thumbsFirst")==true)
    $(a).addClass("thumbsFirstHover");
  else
    $(a).addClass("thumbsHover");
  return false;
}

function SubmitGridFormToPopup(e)
{
  var idclick="#a"+$(e.target).attr('id');
  var ref=$(idclick+" > .thumbsRef").html();
  SubmitFormToPopup(ref);
}

function SubmitElemFormToPopup(e)
{
  var idThumb="#"+$(e.target).parent().attr('id');
  var ref=$(idThumb+" > .thumbsRef").html();
  SubmitFormToPopup(ref);
}

jQuery(document).ready(function(){
  $("#divDetail").hide();
  $(".thumbsLink").bind('mouseover', thumbsOver);
  $(".thumbsElemLink").bind('mouseover', thumbsElemLinkOver);
  $(".thumbsLink").bind('click', SubmitGridFormToPopup);
  $(".thumbsElemLink").bind('click', SubmitElemFormToPopup);

  if(window.pageInit) {
    pageInit();
  }
})


function SubmitFormToPopup(ref)
{
  $(".thumbsLink").unbind('mouseover', thumbsOver);
  $(".thumbsElemLink").unbind('mouseover', thumbsElemLinkOver);
  $("#divDetail").load("detailBien.php", {fldReference: ref}, 
    function(){
      $("#detBoxDescr").hide();
      $("#divLstThumbs").hide("slide", {direction: "left"}, 750, 
        function(){
          $("#divDetail").show("drop", {direction: "left"}, 1250,
            function(){
              $("#detBoxDescr").show();
            } );
        } );
    } );
  
}