Jquery滑块与背景颜色的变化

Question

我正在使用我在http://tympanus.net/Tutorials/ItemSlider/找到的滑块。我修改了滑块以更改背景颜色以匹配导航文本框颜色。

.tab1 {background:#A90000;width:100%;height:300px;color:#fff}
.tab2 {background:#2D4186;width:100%;height:300px;}
.tab3 {background:#ccc;width:100%;height:300px;}
.tab4 {background:#000;width:100%;height:300px;}

.mi-slider nav a.navtab1.mi-selected  {
color: #fff!important;
background:#A90000!important;
}
.mi-slider nav a.navtab2.mi-selected  {
color: #fff!important;
background:#2D4186!important;
}
.mi-slider nav a.navtab3.mi-selected  {
color: #fff!important;
background:#ccc!important;
}
.mi-slider nav a.navtab4.mi-selected  {
color: #fff!important;
background:#000!important;
}

第一轮完成后，一切正常，但当滑块尝试重置回第一张幻灯片时，或者单击其他文本框时，背景不会重置并匹配。

红色文本框应该带有红色滑块，蓝色带蓝色等等。请看这个显示问题的小提琴：http://jsfiddle.net/gandjyar/6CUtH/4/

我认为这很简单，但我看不到它。

建议？