//
// java.js
//
//   This is where all the javascript required by your design is written.
//

var timerId;
$(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.
  $("#jobs-12").addClass("Wrap-11-12").hide();
  $("#jobs-11").addClass("Wrap-11-12");
  $(".Wrap-11-12").hover(
    function(){ $("#jobs-12").show(); $("#jobs-11").hide(); },
    function(){ $("#jobs-11").show(); $("#jobs-12").hide(); });
  $("#jobs-14").addClass("Wrap-13-14").hide();
  $("#jobs-13").addClass("Wrap-13-14");
  $(".Wrap-13-14").hover(
    function(){ $("#jobs-14").show(); $("#jobs-13").hide(); },
    function(){ $("#jobs-13").show(); $("#jobs-14").hide(); });
  $("#jobs-16").addClass("Wrap-15-16").hide();
  $("#jobs-15").addClass("Wrap-15-16");
  $(".Wrap-15-16").hover(
    function(){ $("#jobs-16").show(); $("#jobs-15").hide(); },
    function(){ $("#jobs-15").show(); $("#jobs-16").hide(); });
  $("#jobs-20").addClass("Wrap-19-20").hide();
  $("#jobs-19").addClass("Wrap-19-20");
  $(".Wrap-19-20").hover(
    function(){ $("#jobs-20").show(); $("#jobs-19").hide(); },
    function(){ $("#jobs-19").show(); $("#jobs-20").hide(); });
  $("#jobs-22").addClass("Wrap-21-22").hide();
  $("#jobs-21").addClass("Wrap-21-22");
  $(".Wrap-21-22").hover(
    function(){ $("#jobs-22").show(); $("#jobs-21").hide(); },
    function(){ $("#jobs-21").show(); $("#jobs-22").hide(); });
  $("#jobs-24").addClass("Wrap-23-24").hide();
  $("#jobs-23").addClass("Wrap-23-24");
  $(".Wrap-23-24").hover(
    function(){ $("#jobs-24").show(); $("#jobs-23").hide(); },
    function(){ $("#jobs-23").show(); $("#jobs-24").hide(); });
  $("#jobs-26").addClass("Wrap-25-26").hide();
  $("#jobs-25").addClass("Wrap-25-26");
  $(".Wrap-25-26").hover(
    function(){ $("#jobs-26").show(); $("#jobs-25").hide(); },
    function(){ $("#jobs-25").show(); $("#jobs-26").hide(); });
  $("#jobs-28").addClass("Wrap-27-28").hide();
  $("#jobs-27").addClass("Wrap-27-28");
  $(".Wrap-27-28").hover(
    function(){ $("#jobs-28").show(); $("#jobs-27").hide(); },
    function(){ $("#jobs-27").show(); $("#jobs-28").hide(); });
  
  // This is code to handle the contact_hmenu menu
  $("#jobs-9").hide().addClass("allMenus");
  $("#jobs-10").mouseover(function(e){
    e.preventDefault();
    $(".allMenus").hide();
    $("#jobs-9").show();
    // 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( '$("#jobs-9").hide()', 2500 );
  });
  
  // This is code to handle the ourwork_hmenu menu
  $("#jobs-18").hide().addClass("allMenus");
  $("#jobs-17").mouseover(function(e){
    e.preventDefault();
    $(".allMenus").hide();
    $("#jobs-18").show();
    // 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( '$("#jobs-18").hide()', 2500 );
  });

});