var timer = 300;
var fadeTimer = 400;
var submenu1Timeout = null;
var submenu2Timeout = null;
var submenu3Timeout = null;
var submenu4Timeout = null;
var submenu5Timeout = null;
if (!$.browser.msie)
$(document).ready(function(){
    $('#button1').hover(function(){
        if (submenu1Timeout) clearTimeout(submenu1Timeout);
        $('#submenu1').fadeIn(fadeTimer);
        var link = $(this).attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $(this).attr('src', link2);
        }
    }, function(){
        submenu1Timeout = setTimeout(function(){
            $('#submenu1').fadeOut(fadeTimer);
            var link = $('#button1').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button1').attr('src', link2);
        }, timer)
    });
//-------------------------------------------------------------//
    $('#button2').hover(function(){
        if (submenu2Timeout) clearTimeout(submenu2Timeout);
        $('#submenu2').fadeIn(fadeTimer);
        var link = $('#button2').attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $(this).attr('src', link2);
        }
    }, function(){
        submenu2Timeout = setTimeout(function(){
            $('#submenu2').fadeOut(fadeTimer);
            var link = $('#button2').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button2').attr('src', link2);
        }, timer)
    });

 //-------------------------------------------------------------//

 $('#button3').hover(function(){
        if (submenu3Timeout) clearTimeout(submenu3Timeout);
        $('#submenu3').fadeIn(fadeTimer);
        var link = $(this).attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $(this).attr('src', link2);
        }
    }, function(){
        submenu3Timeout = setTimeout(function(){
            $('#submenu3').fadeOut(fadeTimer);
            var link = $('#button3').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button3').attr('src', link2);
        }, timer)
    });


 //-------------------------------------------------------------//

 $('#button4').hover(function(){
        if (submenu4Timeout) clearTimeout(submenu4Timeout);
        $('#submenu4').fadeIn(fadeTimer);
        var link = $(this).attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $(this).attr('src', link2);
        }
    }, function(){
        submenu4Timeout = setTimeout(function(){
            $('#submenu4').fadeOut(fadeTimer);
            var link = $('#button4').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button4').attr('src', link2);
        }, timer)
    });




 //-------------------------------------------------------------//

 $('#button5').hover(function(){
        if (submenu5Timeout) clearTimeout(submenu5Timeout);
        $('#submenu5').fadeIn(fadeTimer);
        var link = $(this).attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $(this).attr('src', link2);
        }
    }, function(){
        submenu5Timeout = setTimeout(function(){
            $('#submenu5').fadeOut(fadeTimer);
            var link = $('#button5').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button5').attr('src', link2);
        }, timer)
    });



 //-------------------------------------------------------------//
    $('#submenu1').hover(function(){
        if (submenu1Timeout) clearTimeout(submenu1Timeout);
        var link = $('#button1').attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $('#button1').attr('src', link2);
        }

    }, function(){
        submenu1Timeout = setTimeout(function(){
            $('#submenu1').fadeOut(fadeTimer);
            var link = $('#button1').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button1').attr('src', link2);
        }, timer)
    })
 //-------------------------------------------------------------//
    $('#submenu2').hover(function(){
        if (submenu2Timeout) clearTimeout(submenu2Timeout);
        var link = $('#button2').attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $('#button2').attr('src', link2);
        }

    }, function(){
        submenu2Timeout = setTimeout(function(){
            $('#submenu2').fadeOut(fadeTimer);
            var link = $('#button2').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button2').attr('src', link2);
        }, timer)
    })



//-------------------------------------------------------------//
    $('#submenu3').hover(function(){
        if (submenu3Timeout) clearTimeout(submenu3Timeout);
        var link = $('#button3').attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $('#button3').attr('src', link2);
        }

    }, function(){
        submenu3Timeout = setTimeout(function(){
            $('#submenu3').fadeOut(fadeTimer);
            var link = $('#button3').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button3').attr('src', link2);
        }, timer)
    })


//-------------------------------------------------------------//
    $('#submenu4').hover(function(){
        if (submenu4Timeout) clearTimeout(submenu4Timeout);
        var link = $('#button4').attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $('#button4').attr('src', link2);
        }

    }, function(){
        submenu4Timeout = setTimeout(function(){
            $('#submenu4').fadeOut(fadeTimer);
            var link = $('#button4').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button4').attr('src', link2);
        }, timer)
    })


//-------------------------------------------------------------//
    $('#submenu5').hover(function(){
        if (submenu5Timeout) clearTimeout(submenu5Timeout);
        var link = $('#button5').attr('src');
        if (link.toString().indexOf('_h.png') == -1){
            var link2 = link.toString().replace(/\.png/, '_h.png', 'i');
            $('#button5').attr('src', link2);
        }

    }, function(){
        submenu5Timeout = setTimeout(function(){
            $('#submenu5').fadeOut(fadeTimer);
            var link = $('#button5').attr('src');
            var link2 = link.toString().replace(/_h\.png/, '.png', 'i');
            $('#button5').attr('src', link2);
        }, timer)
    })
    
})// end ready