window.addEvent('domready',function(){
    $$('.dbanner').each(function(el){
        initialize_banner(el.id);
    })
   
});
var db_period= new Array();

function initialize_banner(db_id)
{
    var i = new Array();
    var next= new Array();
    var last= new Array();
    i[db_id]=0;
    var item = $$('#'+db_id+' .db_item');
    var navi = $(db_id+'_navi');
    //   if (!navi) alert ('не найден элемент #'+db_id+'_navi');
    var container = $(db_id+'_container');
    next[db_id] = 0;
    last[db_id] = 0;
    var a = $(db_id).getAttribute("data-navi_arrows");
    var d = $(db_id).getAttribute("data-navi_dots");
    db_period[db_id] = true;
    function navi_create()
    {
        
        navi.innerHTML='';
        if(item.length>1)
        {
            for (var j=0; j<item.length;j++)
            {
                var cl = 'show_button';
                if (j==i[db_id])
                    cl = 'show_button-active';
                var trashield = new Element('div', {
                    id:db_id+'_show_'+j,
                    'class': cl,
                    'data-id': j
                });
                trashield.addEvent('click', function(e) {
                    show(this);
                });
                if (navi)
                    trashield.inject(navi,'top');  
            }
            
            
            // назад ************************************
            trashield = new Element('div', {
                id:'last_'+db_id,
                'class': 'db_last',
                'data-id': last[db_id],
                'style':'height:'+item[0].getSize().y+'px'
            });
            trashield.addEvent('mousedown',function(){
                show($(db_id+'_show_'+next[db_id]));
            });
            if (container)
                trashield.inject(container,'top');  
            //*******************************************
            // вперед ************************************
            trashield = new Element('div', {
                id:'next_'+db_id,
                'class': 'db_next',
                'data-id': next[db_id],
                'style':'height:'+(item[0].getSize().y)+'px; margin-left:'+(item[0].getSize().x-19)+'px;'
            });

            trashield.addEvent('mousedown',function(){
                show($(db_id+'_show_'+last[db_id]));
            });
            if (container)
                trashield.inject(container,'top');  
            //*******************************************
        
            if (a=='true')
            {
                container.addEvent('mouseover',function(event){
                    $('last_'+db_id).setStyle('display','block');
                    $('next_'+db_id).setStyle('display','block');
                });
                container.addEvent('mouseout',function(event){
                    $('last_'+db_id).setStyle('display','none');
                    $('next_'+db_id).setStyle('display','none');
                });
            }
            if (d=='false')
            {
                navi.setStyle('display','none');    
            }
        }
            
    }
    
    function show(elem)
    {
        if ($(db_id+'_show_'+i[db_id]))
            $(db_id+'_show_'+i[db_id]).setAttribute('class','show_button');
        if ($$('#'+db_id+' .db_item'))
            $$('#'+db_id+' .db_item').setStyle('display','none');
        var id=parseInt(elem.getAttribute('data-id'));
        item[id].setStyle('display','block');
        elem.setAttribute('class','show_button-active');
        //   fadeIn(elem);
        i[db_id] = id;
        next[db_id] = i[db_id]==item.length-1?0:i[db_id]+1;
        last[db_id] = i[db_id]==item.length+1?0:i[db_id]-1;
        if (last[db_id]==-1)
            last[db_id] = item.length-1;
        var period = item[id].getAttribute("data-period")*1000;
        db_period[db_id] = 0;
        var intervalID =  setInterval(function(){
            db_period[db_id]++;
            if (db_period[db_id]==period)
            {
                clearInterval(intervalID);
              
                $('next_'+db_id).fireEvent('mousedown');
            }
        },1);
    }
    navi_create();
    $('next_'+db_id).fireEvent('mousedown');
   
}