$(document).ready(function(){
 
  //mainPoint
  //When mouse rolls over
  $(".animatedNavigation1, .animatedNavigation2, .animatedNavigation3, .animatedNavigation4, .animatedNavigation5").mouseover(function(){
    $(".animatedNavigation1ACT").addClass("animatedNavigation1Last");                                      
    $(".animatedNavigation1ACT").removeClass("animatedNavigation1ACT");          
    $(".animatedNavigation2ACT").addClass("animatedNavigation2Last");                                      
    $(".animatedNavigation2ACT").removeClass("animatedNavigation2ACT");          
    $(".animatedNavigation3ACT").addClass("animatedNavigation3Last");                                      
    $(".animatedNavigation3ACT").removeClass("animatedNavigation3ACT");          
    $(".animatedNavigation4ACT").addClass("animatedNavigation4Last");                                      
    $(".animatedNavigation4ACT").removeClass("animatedNavigation4ACT");          
    $(".animatedNavigation5ACT").addClass("animatedNavigation5Last");                                      
    $(".animatedNavigation5ACT").removeClass("animatedNavigationACT");          
 
    $(this).stop().animate({height:'180px'},{queue:false, duration:500, easing: 'easeOutQuad'})

    $(".animatedNavigation1Last").stop().animate({height:'25px'},{queue:false, duration:200, easing: 'easeOutQuad'})                                    
    $(".animatedNavigation2Last").stop().animate({height:'25px'},{queue:false, duration:200, easing: 'easeOutQuad'})                                    
    $(".animatedNavigation3Last").stop().animate({height:'25px'},{queue:false, duration:200, easing: 'easeOutQuad'})                                    
    $(".animatedNavigation4Last").stop().animate({height:'25px'},{queue:false, duration:200, easing: 'easeOutQuad'})                                    
    $(".animatedNavigation5Last").stop().animate({height:'25px'},{queue:false, duration:200, easing: 'easeOutQuad'})                                          
  });

  //When mouse is removed
  $(".animatedNavigation1, .animatedNavigation2, .animatedNavigation3, .animatedNavigation4, .animatedNavigation5").mouseout(function(){

    $(this).stop().animate({height:'25px'},{queue:false, duration:200, easing: 'easeOutQuad'})

    $(".animatedNavigation1Last").stop().animate({height:'180px'},{queue:false, duration:500, easing: 'easeOutQuad'})                                    
    $(".animatedNavigation2Last").stop().animate({height:'180px'},{queue:false, duration:500, easing: 'easeOutQuad'})                                    
    $(".animatedNavigation3Last").stop().animate({height:'180px'},{queue:false, duration:500, easing: 'easeOutQuad'})                                    
    $(".animatedNavigation4Last").stop().animate({height:'180px'},{queue:false, duration:500, easing: 'easeOutQuad'})                                    
    $(".animatedNavigation5Last").stop().animate({height:'180px'},{queue:false, duration:500, easing: 'easeOutQuad'})                            
    });



  
  
  //routPlanerField
  var routePlanerLabel = $("#saddr").attr('value');
  $("#saddr").focusin(function(){
    if($(this).attr('value')==routePlanerLabel) {
      $(this).attr('value', '');
    }
  });
  $("#saddr").focusout(function(){
    if($(this).attr('value')=='') {
      $(this).attr('value', routePlanerLabel);
    }
  });
});


function printdocument() {
    window.print();
}