[DarAmal]

<ul class="indexbg">
      <li id="bg01" class="active"></li>
      <li class="" id="bg02"></li>
      <li class="" id="bg03"></li>
    </ul>
    
        <div id="header_scroller" class="scrollable">
        <div class="items" style="left: -820px;">
        <div class="frame3 cloned">
        <div class="col col1">
        </div>
        </div>
        <div class="frame1">
        <div class="col col1">
        </div>
        </div>
        <div class="frame2">
        </div>
        </div>
        <div class="frame3">
        <div class="col col1">
        </div>
        </div>
        </div>
        </div>

ul.indexbg { position:absolute; left:0; top:0; width:100%; height:500px; list-style:none; margin:0px; padding:0px; z-index:1;
}
ul.indexbg li{ display:none; position:absolute; left:0; top:0; width:100%; height:570px; }
ul.indexbg li#bg01 { background:#fff url(../images/bg_main_top_red.jpg) 50% 0 no-repeat;}
ul.indexbg li#bg02 {	background:#fff url(../images/bg_main_top_black.jpg) 50% 0 no-repeat;  }
ul.indexbg li#bg03 { background:#fff url(../images/bg_main_top_blue.jpg) 50% 0 no-repeat; }
ul.indexbg li.active{ display:block; z-index:2; }
ul.indexbg li.active2{ z-index:3; }

/* scrollers */
.scroller_container { 
	float: left;
    height: 300px;
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    z-index: -3;
	}

 и т.д.