var counts = sg.$_('brandimglist', 'img').length;
var center = 1;
var timer;
var clickCount = "";
if (counts > 1) {
   for (var i = 1; i < counts + 1; i++) {
	   clickCount += "<li>" + i + "</li>";
   }
   sg.$_("smallimglist").innerHTML = clickCount;
}
var obj_c = sg.$_('brandimglist', 'img');
var obj_n = sg.$_('smallimglist', 'li');
if (counts > 0) {
    obj_c[0].style.display = 'block';
}
(counts > 1) ? obj_n[0].className = 'on' : null;
var img_auto = function() {
    for (i = 0; i < counts; i++) {
        obj_c[i].style.display = 'none';
        obj_n[i].className = '';
    }
    obj_c[center].style.display = 'block';
    obj_n[center].className = 'on';
    (center < counts - 1) ? center++ : center = 0;
};
if (counts > 1) {
    for (i = 0; i < counts; i++) {
        obj_n[i].abc = i;
        obj_c[i].onmouseover = function() {
            clearInterval(timer);
        };
        obj_c[i].onmouseout = function() {
            timer = setInterval('img_auto()', 3000);
        };
        obj_n[i].onmouseover = function() {
            clearInterval(timer);
        };
        obj_n[i].onmouseout = function() {
            timer = setInterval('img_auto()', 3000);
        };
		obj_n[i].onclick = function() {
            center = this.abc;
            img_auto();
        };
    }
    timer = setInterval('img_auto()', 3000);
}