//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   June 18, 2009, 2:33 pm with psd2css Online version 1.40

$(document).ready(function(){

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

  // 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-163").addClass("Wrap-158-163").hide();
  $("#Layer-158").addClass("Wrap-158-163");
  $(".Wrap-158-163").hover(
    function(){ $("#Layer-163").show(); $("#Layer-158").hide(); },
    function(){ $("#Layer-158").show(); $("#Layer-163").hide(); });
  $("#Layer-164").addClass("Wrap-159-164").hide();
  $("#Layer-159").addClass("Wrap-159-164");
  $(".Wrap-159-164").hover(
    function(){ $("#Layer-164").show(); $("#Layer-159").hide(); },
    function(){ $("#Layer-159").show(); $("#Layer-164").hide(); });
  $("#Layer-165").addClass("Wrap-160-165").hide();
  $("#Layer-160").addClass("Wrap-160-165");
  $(".Wrap-160-165").hover(
    function(){ $("#Layer-165").show(); $("#Layer-160").hide(); },
    function(){ $("#Layer-160").show(); $("#Layer-165").hide(); });
  $("#Layer-166").addClass("Wrap-161-166").hide();
  $("#Layer-161").addClass("Wrap-161-166");
  $(".Wrap-161-166").hover(
    function(){ $("#Layer-166").show(); $("#Layer-161").hide(); },
    function(){ $("#Layer-161").show(); $("#Layer-166").hide(); });
  $("#Layer-167").addClass("Wrap-162-167").hide();
  $("#Layer-162").addClass("Wrap-162-167");
  $(".Wrap-162-167").hover(
    function(){ $("#Layer-167").show(); $("#Layer-162").hide(); },
    function(){ $("#Layer-162").show(); $("#Layer-167").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',
    */
  });

});