$(document).ready(function(){

    var $container = $('#banner .banner_img').cycle({
        fx: 'fade',
        speed: 'slow',
        timeout: 5000,
		before: onBefore
    });
	
	function onBefore() { 
		$('.banner_right span').each(
			function(i) {
				$(this).removeClass("on");
			});
		$('.banner_right span:eq('+this.className.replace(/img-/g,"")+')').addClass("on");
		//alert( this.className.replace(/img-/g,"") );
	}


	$container.children().each(function(i) {
        $(".banner_right span:eq("+ i +")").click(function() {
                $container.cycle(i);
				//alert (i);
                return false;
            });
    });
	
/*
	$('.banner_right span').click(function(i) { 
		alert (i); 
	});*/
});