$(document).ready(function(){
 var chart1 = $("#charttable_16061");
 var chart2 = $("#charttable_14466");
 
 var Tab1 = $("#charttab_1");
 var Tab1Div = $("#charttab_1 div");
 var Tab1Link = $("#charttab_1 a");
 var Tab1LinkNote = $("#charttab_1 a .clicknote");
 
 var Tab2 = $("#charttab_2");
 var Tab2Div = $("#charttab_2 div");
 var Tab2Link = $("#charttab_2 a");
 var Tab2LinkNote = $("#charttab_2 a .clicknote");
 
 var scrollTarget = $(".chart:first").offset().top; 
 
 //Chart Tab 1 Link 
 $("#charttab_1 a").click(function(){
  $(chart2).hide(1000);
  $(Tab1LinkNote).hide("slow");
  $("html, body").animate({scrollTop:"0"}, "slow");
  $(".charttab.on").animate({width:"56.5em",top:"9.5em",left:"1.5em"},1000, function(){
   $(Tab2).css("z-index",10);
   $(Tab1).css("z-index",12);
   $(Tab2Link).animate({fontSize:"1.6em"},1000);
   $(Tab2LinkNote).show("medium");
   //$(".charttab.on").animate({top:"0"},1000);
   $(Tab2Div).animate({bottom:"2.15em",left:"1.5em"},500);
   $(Tab1Div).animate({bottom:"2.15em",left:"1.5em"},500);
   $(Tab1).animate({width:"58em",top:"3.5em",left:"0"},1000);
   $(Tab2).animate({width:"56.5em",top:"0",left:"1.5em"},1000);
   $(Tab1Link).animate({fontSize:"2.4em"},1000);
   $(chart1).show(1250, function(){
       $("html, body").animate({scrollTop: scrollTarget}, "slow");
   });
   $(Tab2).removeClass("on");
   $(Tab2).addClass("off");
   $(Tab1).removeClass("off");
   $(Tab1).addClass("on");
  });         
  return false;
 });
 
 //Chart Tab 2 Link 
 $("#charttab_2 a").click(function(){
  $(chart1).hide(1000);
  $(Tab2LinkNote).hide("slow");
  $("html, body").animate({scrollTop:"0"}, "slow");
  $(".charttab.on").animate({width:"56.5em",top:"9.5em",left:"1.5em"},1000, function(){
   $(Tab1).css("z-index",10);
   $(Tab2).css("z-index",12);
   $(Tab1Link).animate({fontSize:"1.6em"},1000);
   $(Tab1LinkNote).show("medium");
   //$(".charttab.on").animate({top:"0"},1000);
   $(Tab1Div).animate({bottom:"2.15em",left:"1.5em"},500);
   $(Tab2Div).animate({bottom:"2.15em",left:"1.5em"},500);
   $(Tab2).animate({width:"58em",top:"3.5em",left:"0"},1000);
   $(Tab1).animate({width:"56.5em",top:"0",left:"1.5em"},1000);
   $(Tab2Link).animate({fontSize:"2.4em"},1000);
   $(chart2).show(1250, function(){
       $("html, body").animate({scrollTop: scrollTarget}, "slow");
   });
   $(Tab1).removeClass("on");
   $(Tab1).addClass("off");
   $(Tab2).removeClass("off");
   $(Tab2).addClass("on");
  });         
  return false;
 });
 
});