//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   January 23, 2009, 12:23 pm with psd2css Online version 1.32

$(document).ready(function(){

  // This is required for the PNG fix to work.
  if( $.fn.pngfix != null )
    $("img[@src$=png]").pngfix();

  // This is code to handle all of the _linkover events.  It works by
  // creating a special Wrap class, adding it to the link and linkover
  // divs of each link and linkover pair, and assigning a hover event to
  // that.
  $("#Layer-24").addClass("Wrap-31-24").hide();
  $("#Layer-31").addClass("Wrap-31-24");
  $(".Wrap-31-24").hover(
    function(){ $("#Layer-24").show(); $("#Layer-31").hide(); },
    function(){ $("#Layer-31").show(); $("#Layer-24").hide(); });
  $("#Layer-25").addClass("Wrap-32-25").hide();
  $("#Layer-32").addClass("Wrap-32-25");
  $(".Wrap-32-25").hover(
    function(){ $("#Layer-25").show(); $("#Layer-32").hide(); },
    function(){ $("#Layer-32").show(); $("#Layer-25").hide(); });
  $("#Layer-26").addClass("Wrap-33-26").hide();
  $("#Layer-33").addClass("Wrap-33-26");
  $(".Wrap-33-26").hover(
    function(){ $("#Layer-26").show(); $("#Layer-33").hide(); },
    function(){ $("#Layer-33").show(); $("#Layer-26").hide(); });
  $("#Layer-27").addClass("Wrap-34-27").hide();
  $("#Layer-34").addClass("Wrap-34-27");
  $(".Wrap-34-27").hover(
    function(){ $("#Layer-27").show(); $("#Layer-34").hide(); },
    function(){ $("#Layer-34").show(); $("#Layer-27").hide(); });
  $("#Layer-28").addClass("Wrap-35-28").hide();
  $("#Layer-35").addClass("Wrap-35-28");
  $(".Wrap-35-28").hover(
    function(){ $("#Layer-28").show(); $("#Layer-35").hide(); },
    function(){ $("#Layer-35").show(); $("#Layer-28").hide(); });
  $("#Layer-29").addClass("Wrap-36-29").hide();
  $("#Layer-36").addClass("Wrap-36-29");
  $(".Wrap-36-29").hover(
    function(){ $("#Layer-29").show(); $("#Layer-36").hide(); },
    function(){ $("#Layer-36").show(); $("#Layer-29").hide(); });
  $("#Layer-30").addClass("Wrap-37-30").hide();
  $("#Layer-37").addClass("Wrap-37-30");
  $(".Wrap-37-30").hover(
    function(){ $("#Layer-30").show(); $("#Layer-37").hide(); },
    function(){ $("#Layer-37").show(); $("#Layer-30").hide(); });

  // Here is the javascript that connects your lbthumb layers to
  // your jpeg images for lightbox.  There are a number of options
  // here you can modify.  Check their website for documentation.
  $('a.lightbox').lightBox({
    imageBtnClose: 'close.gif',
    imageBtnNext: 'next.gif',
    imageBtnPrev: 'prev.gif',
    imageLoading: 'loading.gif',
    containerResizeSpeed: 500,
    overlayBgColor: '#000' 
    /* 
    txtOf: 'de'  
    overlayOpacity: 0.6,
    txtImage: 'Imagem',
    */
  });

});