$(function() {
    var now = new Date();
    var currentYear=now.getFullYear();
    var metal="";
    var timeout;
  
    $('.HistoryData').find('li').mouseover(function(){
        $('.cleftmenuin').html("");
    
        metalId=$(this).children('div').html();
        metal=$(this).children('a').text();
        
        var appendStr='<ul>';
        for(var i=currentYear;i>=2004;i--){
            appendStr+='<li><a style="margin-left:0px;" href="/Data/Data.aspx?metal='+metalId+'&year='+i+'">'+metal+i+'</a></li>';
        } 
        appendStr+='</ul>';
     
      
        $('.cleftmenuin')
             .css({'left':$(this).offset().left+150,'top':$(this).offset().top,'position':'absolute','z-index':'9999','display':'block'})
             .append($(appendStr));
  
        
    });
    
    $('.cleftmenuin').hover(function(){
            var showDiv=function(){
                $('.cleftmenuin').css('display','block');
            };
           clearTimeout(timeout);
            
        },function(){
            var hideDiv=function(){
                $('.cleftmenuin').css('display','none');
            };
            timeout=setTimeout(hideDiv,200);
            
        });
  
});