$(document).ready(function() {
    $("div.nav div").hide();
    $("div.nav1").hover(function(){
      $("div.nav1").stop().animate( {width:"142px", marginTop:"-28px", marginLeft:"2px", height:"298px"}, 190);
      $("div.nav1 div").show();
    },function(){
      $("div.nav1").stop().animate( {width:"146px", height:"62px", marginLeft:"0", marginTop:"0px"}, 190);
      $("div.nav1 div").hide();
    });
    $("div.nav2").hover(function(){
      $("div.nav2").stop().animate( {width:"174px", height:["296px", "easeOutQuint"], marginTop:"-28px", marginLeft:"2px"}, 190);
      $("div.nav2 div").show();
    },function(){
      $("div.nav2").stop().animate( {width:"178px", height:["62px", "easeOutQuint"], marginTop:"0px", marginLeft:"0"}, 190);
      $("div.nav2 div").hide();
    });
    $("div.nav3").hover(function(){
      $("div.nav3").stop().animate( {width:"208px", height:["296px", "easeOutQuint"], marginTop:"-28px", marginLeft:"2px"}, 190);
      $("div.nav3 div").show();
    },function(){
      $("div.nav3").stop().animate( {width:"212px", height:["62px", "easeOutQuint"], marginTop:"0px", marginLeft:"0"}, 190);
      $("div.nav3 div").hide();
    });
    $("div.main div.footer div.background").fadeTo(0, 0.5)
    
    $('.simpledialog').simpleDialog({
        opacity: 0.3,
        duration: 200,
        height: 525
    });

});