//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   September 25, 2010, 9:25 pm with psd2css Online version 1.88

var timerId;
$(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.
  $("#menu_contact_over").addClass("Wrap-menu_contact").hide();
  $("#menu_contact").addClass("Wrap-menu_contact");
  $(".Wrap-menu_contact").hover(
    function(){ $("#menu_contact_over").show(); $("#menu_contact").hide(); },
    function(){ $("#menu_contact").show(); $("#menu_contact_over").hide(); });
  $("#menu_about_over").addClass("Wrap-menu_about").hide();
  $("#menu_about").addClass("Wrap-menu_about");
  $(".Wrap-menu_about").hover(
    function(){ $("#menu_about_over").show(); $("#menu_about").hide(); },
    function(){ $("#menu_about").show(); $("#menu_about_over").hide(); });
  $("#menu_advert_over").addClass("Wrap-menu_advert").hide();
  $("#menu_advert").addClass("Wrap-menu_advert");
  $(".Wrap-menu_advert").hover(
    function(){ $("#menu_advert_over").show(); $("#menu_advert").hide(); },
    function(){ $("#menu_advert").show(); $("#menu_advert_over").hide(); });
  $("#menu_stories_over").addClass("Wrap-menu_stories").hide();
  $("#menu_stories").addClass("Wrap-menu_stories");
  $(".Wrap-menu_stories").hover(
    function(){ $("#menu_stories_over").show(); $("#menu_stories").hide(); },
    function(){ $("#menu_stories").show(); $("#menu_stories_over").hide(); });
  $("#menu_web_over").addClass("Wrap-menu_web").hide();
  $("#menu_web").addClass("Wrap-menu_web");
  $(".Wrap-menu_web").hover(
    function(){ $("#menu_web_over").show(); $("#menu_web").hide(); },
    function(){ $("#menu_web").show(); $("#menu_web_over").hide(); });
  $("#menu_illu_over").addClass("Wrap-menu_illu").hide();
  $("#menu_illu").addClass("Wrap-menu_illu");
  $(".Wrap-menu_illu").hover(
    function(){ $("#menu_illu_over").show(); $("#menu_illu").hide(); },
    function(){ $("#menu_illu").show(); $("#menu_illu_over").hide(); });
  $("#menu_misc_over").addClass("Wrap-menu_misc").hide();
  $("#menu_misc").addClass("Wrap-menu_misc");
  $(".Wrap-menu_misc").hover(
    function(){ $("#menu_misc_over").show(); $("#menu_misc").hide(); },
    function(){ $("#menu_misc").show(); $("#menu_misc_over").hide(); });
  /* $("#Layer-25").addClass("Wrap-24-25").hide();
  $("#Layer-24").addClass("Wrap-24-25");
  $(".Wrap-24-25").hover(
    function(){ $("#Layer-25").show(); $("#Layer-24").hide(); },
    function(){ $("#Layer-24").show(); $("#Layer-25").hide(); }); */
  
  // This is code to handle the contact_center_menu menu
  $("#contact").hide();
  $("#menu_contact_over").click(function(e){
    e.preventDefault();

    $("#contact").slideDown("fast");
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    //clearTimeout( timerId );
    //timerId = setTimeout( '$("#Layer-16").hide("slow")', 4000 );
  });
  
  // This is code to handle the about_center_menu menu
  $("#about").hide();
  $("#menu_about_over").click(function(e){
    e.preventDefault();
  
    $("#about").slideDown("fast");
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    //clearTimeout( timerId );
    //timerId = setTimeout( '$("#Layer-27").hide("slow")', 4000 );
  });
  
  // This is code to handle the advertising_center_menu menu
  $("#advert").hide();
  $("#menu_advert_over").click(function(e){
    e.preventDefault();
    
    $("#advert").slideDown("fast");
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
   // clearTimeout( timerId );
    //timerId = setTimeout( '$("#Layer-32").hide("slow")', 4000 );
  });
  
  // This is code to handle the stories_center_menu menu
  $("#stories").hide();
  $("#menu_stories_over").click(function(e){
    e.preventDefault();
    
    $("#stories").slideDown("fast");
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    //clearTimeout( timerId );
    //timerId = setTimeout( '$("#Layer-46").hide("slow")', 4000 );
  });
  
  // This is code to handle the webdesign_center_menu menu
  $("#web").hide();
  $("#menu_web_over").click(function(e){
    e.preventDefault();
    
    $("#web").slideDown("fast");
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    //clearTimeout( timerId );
    //timerId = setTimeout( '$("#Layer-61").hide("slow")', 4000 );
  });
  
  // This is code to handle the illustration_center_menu menu
  $("#illu").hide();
  $("#menu_illu_over").click(function(e){
    e.preventDefault();
    $
    $("#illu").slideDown("fast");
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    //clearTimeout( timerId );
   // timerId = setTimeout( '$("#Layer-72").hide("slow")', 4000 );
  });
    
  // This is code to handle the misc_center_menu menu
  $("#misc").hide();
  $("#menu_misc_over").click(function(e){
    e.preventDefault();
   
    $("#misc").slideDown("fast");
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    //clearTimeout( timerId );
    //timerId = setTimeout( '$("#Layer-86").hide("slow")', 4000 );
  });


  /* Here we take care of any _close layers you have made */
  $(".x_close").click(function(){ $(".x_close").parent().slideUp("fast"); });

  
  
// 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: 'graphics/close.gif',
    imageBtnNext: 'graphics/next.gif',
    imageBtnPrev: 'graphics/prev.gif',
    imageLoading: 'graphics/loading.gif',
    containerResizeSpeed: 500,
    overlayBgColor: '#000' 
     
    txtOf: 'de'  
    overlayOpacity: 0.6,
    txtImage: 'Imagem',
    
  });*/

});