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

$("#pnlHome").hide();
//$("#buttons>ul").hide();

$(document).ready(function(){
    $("#buttons a").click(function(){
    	//window.alert(this);
	    //window.alert(this.id);
        //var a = $(this);
        //var model = a.attr("id").split(button)[1];
        var model = this.id.split(button)[1];
        showModel(model);
        //$("#" + panel + model).fadeIn(500);
    }).click(function(){
        //var a = $(this);
        //var model = a.attr("id").split(button)[1];
        //$("#" +panel + model).fadeOut(250);
    });
    $("#pnlHome").fadeIn(750);
    //$("#buttons>ul").fadeIn(750);
});

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