//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   June 5, 2010, 12:24 am with psd2css Online version 1.78

$(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-5").addClass("Wrap-4-5").hide();
  $("#Layer-4").addClass("Wrap-4-5");
  $(".Wrap-4-5").hover(
    function(){ $("#Layer-5").show(); $("#Layer-4").hide(); },
    function(){ $("#Layer-4").show(); $("#Layer-5").hide(); });
  $("#Layer-7").addClass("Wrap-6-7").hide();
  $("#Layer-6").addClass("Wrap-6-7");
  $(".Wrap-6-7").hover(
    function(){ $("#Layer-7").show(); $("#Layer-6").hide(); },
    function(){ $("#Layer-6").show(); $("#Layer-7").hide(); });
  $("#Layer-19").addClass("Wrap-18-19").hide();
  $("#Layer-18").addClass("Wrap-18-19");
  $(".Wrap-18-19").hover(
    function(){ $("#Layer-19").show(); $("#Layer-18").hide(); },
    function(){ $("#Layer-18").show(); $("#Layer-19").hide(); });
  $("#Layer-21").addClass("Wrap-20-21").hide();
  $("#Layer-20").addClass("Wrap-20-21");
  $(".Wrap-20-21").hover(
    function(){ $("#Layer-21").show(); $("#Layer-20").hide(); },
    function(){ $("#Layer-20").show(); $("#Layer-21").hide(); });
  $("#Layer-23").addClass("Wrap-22-23").hide();
  $("#Layer-22").addClass("Wrap-22-23");
  $(".Wrap-22-23").hover(
    function(){ $("#Layer-23").show(); $("#Layer-22").hide(); },
    function(){ $("#Layer-22").show(); $("#Layer-23").hide(); });
  $("#Layer-31").addClass("Wrap-26-31").hide();
  $("#Layer-26").addClass("Wrap-26-31");
  $(".Wrap-26-31").hover(
    function(){ $("#Layer-31").show(); $("#Layer-26").hide(); },
    function(){ $("#Layer-26").show(); $("#Layer-31").hide(); });
  $("#Layer-32").addClass("Wrap-27-32").hide();
  $("#Layer-27").addClass("Wrap-27-32");
  $(".Wrap-27-32").hover(
    function(){ $("#Layer-32").show(); $("#Layer-27").hide(); },
    function(){ $("#Layer-27").show(); $("#Layer-32").hide(); });
  $("#Layer-33").addClass("Wrap-28-33").hide();
  $("#Layer-28").addClass("Wrap-28-33");
  $(".Wrap-28-33").hover(
    function(){ $("#Layer-33").show(); $("#Layer-28").hide(); },
    function(){ $("#Layer-28").show(); $("#Layer-33").hide(); });
  $("#Layer-34").addClass("Wrap-29-34").hide();
  $("#Layer-29").addClass("Wrap-29-34");
  $(".Wrap-29-34").hover(
    function(){ $("#Layer-34").show(); $("#Layer-29").hide(); },
    function(){ $("#Layer-29").show(); $("#Layer-34").hide(); });
  $("#Layer-35").addClass("Wrap-30-35").hide();
  $("#Layer-30").addClass("Wrap-30-35");
  $(".Wrap-30-35").hover(
    function(){ $("#Layer-35").show(); $("#Layer-30").hide(); },
    function(){ $("#Layer-30").show(); $("#Layer-35").hide(); });
  $("#Layer-55").addClass("Wrap-50-55").hide();
  $("#Layer-50").addClass("Wrap-50-55");
  $(".Wrap-50-55").hover(
    function(){ $("#Layer-55").show(); $("#Layer-50").hide(); },
    function(){ $("#Layer-50").show(); $("#Layer-55").hide(); });
  $("#Layer-56").addClass("Wrap-51-56").hide();
  $("#Layer-51").addClass("Wrap-51-56");
  $(".Wrap-51-56").hover(
    function(){ $("#Layer-56").show(); $("#Layer-51").hide(); },
    function(){ $("#Layer-51").show(); $("#Layer-56").hide(); });
  $("#Layer-57").addClass("Wrap-52-57").hide();
  $("#Layer-52").addClass("Wrap-52-57");
  $(".Wrap-52-57").hover(
    function(){ $("#Layer-57").show(); $("#Layer-52").hide(); },
    function(){ $("#Layer-52").show(); $("#Layer-57").hide(); });
  $("#Layer-58").addClass("Wrap-53-58").hide();
  $("#Layer-53").addClass("Wrap-53-58");
  $(".Wrap-53-58").hover(
    function(){ $("#Layer-58").show(); $("#Layer-53").hide(); },
    function(){ $("#Layer-53").show(); $("#Layer-58").hide(); });
  $("#Layer-59").addClass("Wrap-54-59").hide();
  $("#Layer-54").addClass("Wrap-54-59");
  $(".Wrap-54-59").hover(
    function(){ $("#Layer-59").show(); $("#Layer-54").hide(); },
    function(){ $("#Layer-54").show(); $("#Layer-59").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',
    */
  });

});