// JavaScript Document

$(document).ready(function(){
   $("a#home")
    
    .css({backgroundPosition: "0 0"})
    
   .mouseover(function () {
         $(this).animate({opacity: 0.55},{duration:600}) 
    })   
    
  

    
    .mouseout(function () {
        $(this).stop().animate({opacity: 1},{duration:600})
    })   
    
    
    
    $("a#bg_item_1")
    
    .css({backgroundPosition: "0 0"})
    
   .mouseover(function () {
         $(this).animate({opacity: 0.75},{duration:600}) 
    })   
    
  

    
    .mouseout(function () {
        $(this).stop().animate({opacity: 1},{duration:200})
    })    
    
    $("a#bg_item_2")
    
    .css({backgroundPosition: "0 0"})
    
   .mouseover(function () {
         $(this).animate({opacity: 0.75},{duration:600}) 
    })   
    
  

    
    .mouseout(function () {
        $(this).stop().animate({opacity: 1},{duration:200})
    })  
    
    $("a#bg_item_3")
    
    .css({backgroundPosition: "0 0"})
    
   .mouseover(function () {
         $(this).animate({opacity: 0.75},{duration:600}) 
    })   
    
  

    
    .mouseout(function () {
        $(this).stop().animate({opacity: 1},{duration:200})
    })  
       
      
    
        
    
});