$(document).ready(function() {
  
  // LOGIN
  $("#customerWebLink_LikvorAnonymous a.customerWebLink").click(function() {
    $('#loginForm').toggle("slow");
  });
  $("#customerWebLink_LikvorAnonymous a.customerWebLink").toggle(function() {
      $(this).css('background', 'url(/images/white_arrow_down.gif) no-repeat center right');
    }, function() {
      $(this).css('background', 'url(/images/white_arrow.gif) no-repeat center right');
  });
  
  // FAQ
  $(".faq li").toggle(function() {
    $(this).find("h2").addClass("open");
    $(this).find("p").slideDown(200);
    $(this).find("ul").slideDown(200);
  }, function() {
    $(this).find("h2").removeClass("open");
    $(this).find("p").slideUp(200);
    $(this).find("ul").slideUp(200);
  });

  // SLIDING DOORS
  $("#likvor_2").click(function() {
    $('#likvor').css('z-index', '40');
    $('#professionals').css('z-index', '30');
    $('#products').css('z-index', '20');
    $('#patient').css('z-index', '10');
    if ($('#likvor_1').is(':hidden')) {
      $("#likvor_1").animate({ width: 'toggle' }, 500);
      if ($('#professionals_1').is(':hidden')) {
        $("#professionals_1").animate({ width: 'toggle' }, 500);
      }
      if ($('#products_1').is(':hidden')) {
        $("#products_1").animate({ width: 'toggle' }, 500);
      }
    }
    $('#likvor_2').css('background', 'url(/images/likvor_on.gif)');
    $('#professionals_2').css('background', 'url(/images/professionals_off_shadow.gif)');
    $('#products_2').css('background', 'url(/images/products_off_line.gif)');
    $('#patient_2').css('background', 'url(/images/patient_off_line.gif)');
  });

  $("#professionals_2").click(function() {
    $('#likvor').css('z-index', '40');
    $('#professionals').css('z-index', '30');
    $('#products').css('z-index', '20');
    $('#patient').css('z-index', '10');
    $('#professionals').css('z-index', '30');
    if ($('#professionals_1').is(':hidden')) {
      $("#professionals_1").animate({ width: 'toggle' }, 500);
      if ($('#products_1').is(':hidden')) {
        $("#products_1").animate({ width: 'toggle' }, 500);
      }
    } else {
      if ($('#likvor_1').is(':visible')) {
        $("#likvor_1").animate({ width: 'toggle' }, 500);
      }
    }
    $('#likvor_2').css('background', 'url(/images/likvor_off.gif)');
    $('#professionals_2').css('background', 'url(/images/professionals_on.gif)');
    $('#products_2').css('background', 'url(/images/products_off_shadow.gif)');
    $('#patient_2').css('background', 'url(/images/patient_off_line.gif)');
  });

  $("#products_2").click(function() {
    $('#likvor').css('z-index', '40');
    $('#professionals').css('z-index', '30');
    $('#products').css('z-index', '20');
    $('#patient').css('z-index', '10');
    if ($('#products_1').is(':hidden')) {
      $("#products_1").animate({ width: 'toggle' }, 500, function() {
        $('#products').css('z-index', '40');
        $('#professionals').css('z-index', '30');
        $('#likvor').css('z-index', '20');
        $('#patient').css('z-index', '10');
      });
    } else {
      if ($('#likvor_1').is(':visible')) {
        $("#likvor_1").animate({ width: 'toggle' }, 500, function() {
          $('#products').css('z-index', '40');
          $('#professionals').css('z-index', '30');
          $('#likvor').css('z-index', '20');
          $('#patient').css('z-index', '10');
        });
      }
      if ($('#professionals_1').is(':visible')) {
        $("#professionals_1").animate({ width: 'toggle' }, 500, function() {
          $('#products').css('z-index', '40');
          $('#professionals').css('z-index', '30');
          $('#likvor').css('z-index', '20');
          $('#patient').css('z-index', '10');
        });
      }
    }
    $('#likvor_2').css('background', 'url(/images/likvor_off.gif)');
    $('#professionals_2').css('background', 'url(/images/professionals_off_line.gif)');
    $('#products_2').css('background', 'url(/images/products_on.gif)');
    $('#patient_2').css('background', 'url(/images/patient_off_shadow.gif)');
  });

  $("#patient_2").click(function() {
    $('#likvor').css('z-index', '40');
    $('#professionals').css('z-index', '30');
    $('#products').css('z-index', '20');
    $('#patient').css('z-index', '10');
    if ($('#likvor_1').is(':visible')) {
      $("#likvor_1").animate({ width: 'toggle' }, 500, function() {
        $('#products').css('z-index', '30');
        $('#professionals').css('z-index', '20');
        $('#likvor').css('z-index', '10');
      });
    }
    if ($('#professionals_1').is(':visible')) {
      $("#professionals_1").animate({ width: 'toggle' }, 500, function() {
        $('#products').css('z-index', '30');
        $('#professionals').css('z-index', '20');
        $('#likvor').css('z-index', '10');
      });
    }
    if ($('#products_1').is(':visible')) {
      $("#products_1").animate({ width: 'toggle' }, 500, function() {
        $('#products').css('z-index', '30');
        $('#professionals').css('z-index', '20');
        $('#likvor').css('z-index', '10');
        $('#patient_2').css('background', 'url(/images/patient_on.gif)');
      });
    }
    $('#likvor_2').css('background', 'url(/images/likvor_off.gif)');
    $('#professionals_2').css('background', 'url(/images/professionals_off_line.gif)');
    $('#products_2').css('background', 'url(/images/products_off_line.gif)');
    $('#patient_2').css('background', 'url(/images/patient_on.gif)');
  });


  /* Mouse over */
  $('#likvor_2').mouseover(function() {
    if ($('#likvor_1').is(':hidden')) {
      $('#likvor_2').css('background', 'url(/images/likvor_on.gif)');
    }
  });
  $('#likvor_2').mouseout(function() {
    if ($('#likvor_1').is(':hidden')) {
      $('#likvor_2').css('background', 'url(/images/likvor_off.gif)');
    }
  });

  $('#professionals_2').hover(function() {
    if ($('#likvor_1').is(':visible')) {
      $('#professionals_2').css('background', 'url(/images/professionals_on_shadow.gif)');
    } else if (($('#likvor_1').is(':hidden')) && ($('#professionals_1').is(':visible'))) {
    } else {
      $('#professionals_2').css('background', 'url(/images/professionals_on_line.gif)');
    }
  });
  $('#professionals_2').mouseout(function() {
    if ($('#likvor_1').is(':visible')) {
      $('#professionals_2').css('background', 'url(/images/professionals_off_shadow.gif)');
    } else if (($('#likvor_1').is(':hidden')) && ($('#professionals_1').is(':visible'))) {
    } else {
      $('#professionals_2').css('background', 'url(/images/professionals_off_line.gif)');
    }
  });

  $('#products_2').hover(function() {
    if (($('#likvor_1').is(':hidden')) && ($('#professionals_1').is(':visible'))) {
      $('#products_2').css('background', 'url(/images/products_on_shadow.gif)');
    } else if (($('#professionals_1').is(':hidden')) && ($('#products_1').is(':visible'))) {
    } else {
      //if ($('#products_1').is(':hidden')) {
      $('#products_2').css('background', 'url(/images/products_on_line.gif)');
      //}
    }
  });
  $('#products_2').mouseout(function() {
    if (($('#likvor_1').is(':hidden')) && ($('#professionals_1').is(':visible'))) {
      $('#products_2').css('background', 'url(/images/products_off_shadow.gif)');
    } else if (($('#professionals_1').is(':hidden')) && ($('#products_1').is(':visible'))) {
    } else {
      //if ($('#products_1').is(':hidden')) {
      $('#products_2').css('background', 'url(/images/products_off_line.gif)');
      //}
    }
  });

  $('#patient_2').hover(function() {
    if (($('#professionals_1').is(':hidden')) && ($('#products_1').is(':visible'))) {
      $('#patient_2').css('background', 'url(/images/patient_on_shadow.gif)');
    } else if ($('#products_1').is(':hidden')) {
    } else {
      //if ($('#products_1').is(':visible')) {
      $('#patient_2').css('background', 'url(/images/patient_on_line.gif)');
      //}
    }
  });
  $('#patient_2').mouseout(function() {
    if (($('#professionals_1').is(':hidden')) && ($('#products_1').is(':visible'))) {
      $('#patient_2').css('background', 'url(/images/patient_off_shadow.gif)');
    } else if ($('#products_1').is(':hidden')) {
    } else {
      //if ($('#products_1').is(':visible')) {
      $('#patient_2').css('background', 'url(/images/patient_off_line.gif)');
      //}
    }
  });
  /* Mouse over */

});
