/*  --- Panel Left ---  v=3 */

var flagcloseID="";
var flagcloseID2="";

$(window).load(function(){

    $("#jq-panels-left")
    .hover(
	  function () {
          if ( $("#Jq-panel-actL").length ){
              clearTimeout(flagcloseID2);
              clearTimeout(flagcloseID);
          }
          else {
              openPanelsL();

              $("#Jq-panel-actL")
              .hover(
                function () {  clearTimeout(flagcloseID);  },
                function () {  flagcloseID2 = setTimeout(function() { closePanelsL(); } , 1000); }
	          );
	      }
	  },
	  function () {
	    flagcloseID = setTimeout(function() { closePanelsL(); } , 1000);
	  }
	);


});


function openPanelsL(){

  if ( $("#Jq-panel-actR").length ) {  closePanelsR(); }
  $("#jq-panels-left").parent("td").attr("class", "panel1-actL").next("td").attr("class", "panel2-act").next("td").attr("class", "panel3-actL");
  $("#jq-panels-left").children("a").attr("class", "block-link green decor-none");
  var txtLeftPanel = $("#LeftPanelJq").html();
  $("body").prepend("<div id='Jq-panel-actL' class='hiddenPs'><div class='panelF-actL'>" + txtLeftPanel + "</div>"
  + "<div><img src='/image/brandbook/panelF_bottom.png' width='240' height='12'></div></div>");
  var coordPs = $("#jq-panels-left").offset();
  $("#Jq-panel-actL").css({'top':coordPs.top + 29, 'left':coordPs.left, 'z-index':1000}).toggleClass("hiddenPs");
}

function closePanelsL(){
   $("#jq-panels-left").parent("td").attr("class", "panel1").next("td").attr("class", "panel2").next("td").attr("class", "panel3");
   $("#jq-panels-left").children("a").attr("class", "block-link white decor-none");
   $('#Jq-panel-actL').remove();
   clearTimeout(flagcloseID2);
   clearTimeout(flagcloseID);
}




/*  --- Panel Right Login ---  */

var flagcloseID3="";
var flagcloseID4="";

$(window).load(function(){

    $("#jq-panels-right")
    .hover(
	  function () {
          if ( $("#Jq-panel-actR").length ){
              clearTimeout(flagcloseID3);
              clearTimeout(flagcloseID4);
          }
          else {
              openPanelsR();

              $("#Jq-panel-actR")
              .hover(
                function () {  clearTimeout(flagcloseID3);  },
                function () {  flagcloseID4 = setTimeout(function() { closePanelsR(); } , 1000); }
	          );
	      }
	  },
	  function () {
	    flagcloseID3 = setTimeout(function() { closePanelsR(); } , 1000);
	  }
	);


});


function openPanelsR(){

  if ( $("#Jq-panel-actL").length ) {  closePanelsL();  }
  $("#jq-panels-right").parent("td").attr("class", "panel3-actR").prev("td").attr("class", "panel2-act").prev("td").attr("class", "panel1-actR");
  $("#jq-panels-right").children("a").attr("class", "block-link green decor-none");
  var txtRightPanel = $("#RightPanelJq").html();
  $("body").prepend("<div id='Jq-panel-actR' class='hiddenPs'><div class='panelF-actR'>" + txtRightPanel + "</div>"
  + "<div><img src='/image/brandbook/panelF_bottom.png' width='240' height='12'></div></div>");
  var coordPs = $("#jq-panels-left").offset();
  $("#Jq-panel-actR").css({'top':coordPs.top + 29, 'left':coordPs.left, 'z-index':999}).toggleClass("hiddenPs");
}

function closePanelsR(){
   $("#jq-panels-right").parent("td").attr("class", "panel3").prev("td").attr("class", "panel2").prev("td").attr("class", "panel1");
   $("#jq-panels-right").children("a").attr("class", "block-link white decor-none");
   $('#Jq-panel-actR').remove();
   clearTimeout(flagcloseID3);
   clearTimeout(flagcloseID4);
}






/* --- Panel Company --- */


$(window).load(function(){

  $("#jq-panels-company").hover(
	  function () {
	    openPanelsComp(this);
	  },
	  function () {

	    var flagcloseID = setTimeout( function() { closePanelsComp(); } , 1000);
        $("#Jq-panel-actComp").hover(function () {
             clearTimeout(flagcloseID);
          },
          function () {
              closePanelsComp(this);
	      });
	  }
	);


});


function openPanelsComp(elem){
  var txtLeftPanel = $("#CompanyPanelJq").html();
  $("body").prepend("<div id='Jq-panel-actComp' class='hiddenPs'><div class='panelF-actL'>" + txtLeftPanel + "</div>"
  + "</div>");
  var coordPs = $(elem).prev("td").prev("td").offset();
  var elemHei = $(elem).height();
  $("#Jq-panel-actComp").css({'top':coordPs.top + elemHei, 'left':coordPs.left}).toggleClass("hiddenPs");
}

function closePanelsComp(elem){
   $('#Jq-panel-actComp').remove();
}