$(document).ready(function(){

    var button = "btn";
    var panel = "pnl";
    var rangetimer;

    $("#buttons").mouseover(function(e){
        var a = e.target;
        if(a.nodeName.toLowerCase() == 'a'){
            var model = a.id.split(button)[1];
            showModel(model);
        }
    });
    $("#pnlHome").fadeIn(750);

    function showModel(model){
        if(rangetimer){ clearTimeout(rangetimer); rangetimer = null; }
        $("#panels>div").each(function(){
            var a = $(this);
            if(a[0].id != (panel+model)){
                if(a.css("display") != "none"){
                    a.fadeOut(500);
                }
            }
        });
        rangetimer = setTimeout(function(){$("#" + panel + model).fadeIn(500)},500);
    }
});