// slideshow init
addEvent(window, "load", initSlideshow);

function addEvent(el, event, func, b) {
    if (el.addEventListener) {
      el.addEventListener(event, func, b);
    } else {
      el.attachEvent("on" + event, func);
    } 
}

function initSlideshow() {
    var cover = document.getElementById('slideshow-cover');
        
    var cf = new Array();
    cf.cover = cover;
    cf.className = "img";
    cf.infinite =  true;
    cf.simpleLogger = new SimpleLogger({level:20,showAlertsInIE:true});
    cf.fadeEffect = true;
    cf.fadeSpeed = 800;
    cf.random = false;
   
        
    var rota = new Rotator(cf);
        
    rota.startAuto(6000);
    
    var size = $(cover).find(".img").length;
    var $banner = $("#banner");
    var bulletsCover = document.createElement('div');
    bulletsCover.className = 'bullets-cover';
    $banner.append(bulletsCover);
    
    bullets = new Array();
    for(var i = 0; i < size; i ++) {
        var item = document.createElement('div');
        item.className = "bullet";
        if(i == 0) {
            item.className += " active-bullet";
        }
        addEvent(item, 'click', function(e) {
            var el = e.srcElement ? e.srcElement : e.target;
            var clickedIndex = -1;
            for(var j = 0; j < bullets.length; j ++) {
                if(bullets[j] == el) {
                    clickedIndex = j;
                    break;
                }
            }
            if(clickedIndex != -1) {
                rota.my(clickedIndex);
            }
        }, false);
        bulletsCover.appendChild(item);
        bullets[bullets.length] = item;
    }
    
    var oldIndex = 0;
    rota.onShowStart = function(els, i) {
        bullets[oldIndex].className = 'bullet';
        bullets[i].className += " active-bullet";
        oldIndex = i;
    };
};