var last_id = 'f1';
var is_fade = true;

$(document).ready(function(){
   $('#f1').addClass('used');
});

var myvars2 = new Array();
myvars2["bg_f1"] = '#94a3c0';
myvars2["bg_f2"] = '#a09db8';
myvars2["bg_f3"] = '#B38499';
myvars2["bg_f4"] = '#A98DA6';
myvars2["bg_f5"] = '#72A9BF';
myvars2["bg_f6"] = '#66B8C9';
myvars2["bg_f7"] = '#6FAEAD';


function change(vals) {
   $(document).ready(function(){
    //  alert($(vals).attr('id'));
       
      if (last_id != $(vals).attr('id') && is_fade == true){
         last_id = $(vals).attr('id');
         
         is_fade = false;
         
         var background = 'bg_'+$(vals).attr('id');
         
         $('#content').css({"background-color": myvars2[background]});
         
         $('.used').attr("class", "");
         $('#'+$(vals).attr('id')).attr("class", "used");
              
         $('.used_cont').fadeOut(0,function () {
                     
            $('.used_cont').attr("class", "d_none");
            $('.used_cont').css({"display": "none"});
            
            $('#content_'+$(vals).attr('id')).fadeIn(100,function (){
              // $('.used_cont').attr("class", "d_none");
               // $('.used_cont').css({"display": "none"});
               $('#content_'+$(vals).attr('id')).attr("class", "used_cont");
               
               is_fade = true;
               
            });
         });
      }
      
   });      
}