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

});