var intervaltime = 300;
$(function(){
 $('#top-images').css('position','relative').append('<div id="top-images-over"></div>');
 for(i=1;i<=6;i++){
  $('#top-images-over').append('<img src="images/top/0'+i+'.jpg" id="topover0'+i+'" style="display:none;" width="800" height="314" />');
 }
 $('#top-images-over img').css('position','absolute').css('top','0').css('z-index','1000').css('opacity','0').css('display','block');
 $('div#navigation-btn-area img').hover(function(){
  var imgId = this.id.replace('global-navi-btn','topover');
  $('#'+imgId).queue([]).animate({opacity: 1},intervaltime);
  $('#topover00').queue([]).animate({opacity: 0},intervaltime);
 },function(){
  var imgId = this.id.replace('global-navi-btn','topover');
  $('#'+imgId).queue([]).animate({opacity: 0},intervaltime);
  $('#topover00').queue([]).animate({opacity: 1},intervaltime);
 });
});