$(function() {
    var bc = $('#buttonContainer');
    var $container = $('#banner').cycle({
        fx: 'scrollHorz',
        speed: 300,
        timeout: 4000,
		next:   '#next2', 
		prev:   '#prev2' ,
		after:   onAfter
    });
    $container.children().each(function(i) {
		if(i==0){
        $('<img src="images/index_r13_c7.gif"  id="bannermenu'+i+'"  value="'+(i+1)+'" />  ')
            .appendTo(bc).click(function() {
                $container.cycle(i);
                return false;
            });
		}else{
        $('<img src="images/index_r13_c9.gif"  id="bannermenu'+i+'" value="'+(i+1)+'" />  ')
            .appendTo(bc).click(function() {
                $container.cycle(i);
                return false;
            });
		}
    });
	
});
function onAfter(){
	for(ii=0;ii<num;ii++){
		if(ii==this.value){
			$("#bannermenu"+ii).attr("src","images/index_r13_c7.gif");
			
		}else{
			$("#bannermenu"+ii).attr("src","images/index_r13_c9.gif");
		}
	}
	//alert(this.value);
}