//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   January 11, 2011, 8:52 pm with psd2css Online version 1.93

$(document).ready(function(){

  // This is required for the PNG fix to work.
  if (window.DD_belatedPNG)
    DD_belatedPNG.fix('.pngimg');

  // This is some javascript to stop IE from displaying the img alt attributes
  // when you mouse over imagess.  If you would like IE to display the alt attributes,
  // just comment out the following 4 lines.  Don't worry, if you leave this in 
  // place, your ALT attributes are still readable by the search engines.
  var tmpalt;
  $("img").hover( 
    function(){ tmpalt = $(this).attr( "alt" ); $(this).attr( "alt", "" ); },
    function(){ $(this).attr( "alt", tmpalt ); });

  // 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-6").addClass("Wrap-5-6").hide();
  $("#Layer-5").addClass("Wrap-5-6");
  $(".Wrap-5-6").hover(
    function(){ $("#Layer-6").show(); $("#Layer-5").hide(); },
    function(){ $("#Layer-5").show(); $("#Layer-6").hide(); });
  $("#Layer-8").addClass("Wrap-7-8").hide();
  $("#Layer-7").addClass("Wrap-7-8");
  $(".Wrap-7-8").hover(
    function(){ $("#Layer-8").show(); $("#Layer-7").hide(); },
    function(){ $("#Layer-7").show(); $("#Layer-8").hide(); });
  $("#Layer-10").addClass("Wrap-9-10").hide();
  $("#Layer-9").addClass("Wrap-9-10");
  $(".Wrap-9-10").hover(
    function(){ $("#Layer-10").show(); $("#Layer-9").hide(); },
    function(){ $("#Layer-9").show(); $("#Layer-10").hide(); });
  $("#Layer-24").addClass("Wrap-23-24").hide();
  $("#Layer-23").addClass("Wrap-23-24");
  $(".Wrap-23-24").hover(
    function(){ $("#Layer-24").show(); $("#Layer-23").hide(); },
    function(){ $("#Layer-23").show(); $("#Layer-24").hide(); });
  $("#Layer-33").addClass("Wrap-32-33").hide();
  $("#Layer-32").addClass("Wrap-32-33");
  $(".Wrap-32-33").hover(
    function(){ $("#Layer-33").show(); $("#Layer-32").hide(); },
    function(){ $("#Layer-32").show(); $("#Layer-33").hide(); });
  $("#Layer-35").addClass("Wrap-34-35").hide();
  $("#Layer-34").addClass("Wrap-34-35");
  $(".Wrap-34-35").hover(
    function(){ $("#Layer-35").show(); $("#Layer-34").hide(); },
    function(){ $("#Layer-34").show(); $("#Layer-35").hide(); });
  $("#Layer-37").addClass("Wrap-36-37").hide();
  $("#Layer-36").addClass("Wrap-36-37");
  $(".Wrap-36-37").hover(
    function(){ $("#Layer-37").show(); $("#Layer-36").hide(); },
    function(){ $("#Layer-36").show(); $("#Layer-37").hide(); });
  $("#Layer-39").addClass("Wrap-38-39").hide();
  $("#Layer-38").addClass("Wrap-38-39");
  $(".Wrap-38-39").hover(
    function(){ $("#Layer-39").show(); $("#Layer-38").hide(); },
    function(){ $("#Layer-38").show(); $("#Layer-39").hide(); });
  $("#Layer-41").addClass("Wrap-40-41").hide();
  $("#Layer-40").addClass("Wrap-40-41");
  $(".Wrap-40-41").hover(
    function(){ $("#Layer-41").show(); $("#Layer-40").hide(); },
    function(){ $("#Layer-40").show(); $("#Layer-41").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',
    */
  });










































});