var lineWidth = -4;
var max_position = 0;
var interval = 10 //ms
var step = 5;

window.addEvent('load', function() {
    //промо-блок
    var promoImgs  = new Array (),
        promoTitles  = new Array (),
        promoSubtitles  = new Array (),
        promoLinks  = new Array ();
    var promoI = 0; //Индекс начального промоблока для загрузки
    var promoInterval = 5000; //5sec

    $$('#precash > p').each(function(p_element) {
        var c = $(p_element).get('html');
        var from = 0, to = 0;
        var br="<br";
        var BR="<BR";
        var info = c.split(/<br[^>]*>/i);

        promoTitles.append([info[0]]); //title
        promoSubtitles.append([info[1]]); // subtitle
        promoLinks.append([info[2]]); // link
        promoImgs.append([info[3]]); // img.src

//        alert('title '+promoTitles);
//        alert('subtitle '+promoSubtitles);
//        alert('links '+promoLinks);
//        alert('img '+promoImgs);

    })

    var promoLength = promoImgs.length;

    var promoFx = new Fx.Tween('promo-block', {
        duration: 'normal',
        link: 'chain',
        property: 'opacity'
    });

    var titleFx = new Fx.Tween('title-block', {
        duration: 'normal',
        link: 'chain',
        property: 'opacity'
    });

    //начальная загрузка промо-блока
    $('promo-link').set('href', promoLinks[promoI]);
    $('title').set('html', promoTitles[promoI]);
    $('subtitle').set('html', promoSubtitles[promoI]);
    $('promo-block').setStyle('background-image', 'url("'+promoImgs[promoI]+'")');
    promoI++;

    var promo = function(){
        var newTitle = promoTitles[promoI];
        var newSubtitle = promoSubtitles[promoI];
        var newLink = promoLinks[promoI];
        var newImg = new Image();
        newImg.src= promoImgs[promoI];

        titleFx.start(1,0).chain(function(){
            promoFx.start(1,0).chain(function(){
                $('promo-link').set('href', newLink);
                $('title').set('html', newTitle);
                $('subtitle').set('html', newSubtitle);
                $('promo-block').setStyle('background-image', 'url("'+newImg.src+'")');
                promoFx.start(0,1).chain(function(){
                    titleFx.start(0,1);
                });
            });
        });

        if (promoI < promoLength - 1) {
            promoI++;
        }
        else {
            promoI=0;
        }

    };

    promo.periodical(promoInterval);

    //прокрутка брендов
    var scroller = $('scroller');
    var slidefield = $('slidefield');
    var lineElements = $$('.brand-img');

    lineElements.each(function(element) {
        lineWidth += $(element).getStyle('width').toInt()+4; /*ширина всей линии брендов*/
    });

    var scrollRight = function() {
        var slidefield_width = slidefield.getStyle('width').toInt();
        var position = scroller.getStyle('left').toInt();
        max_position = lineWidth - slidefield_width;
        if (Math.abs(position) < max_position) {
            scroller.setStyle('left', position-step);
        }
        else {
            $('arrow-right').setStyle('visibility', 'hidden');
        }
        return scrollRight;
    };

    var scrollLeft = function() {
        var slidefield_width = slidefield.getStyle('width').toInt();
        var position = scroller.getStyle('left').toInt();
        max_position = lineWidth - slidefield_width;
        if (position < 0) {
            scroller.setStyle('left', position+step);
        }
        else {
            $('arrow-left').setStyle('visibility', 'hidden');
        }
        return scrollLeft;
    };

    $('arrow-right').addEvent('mouseenter', function(){
        scrolling = scrollRight().periodical(interval);
        $('arrow-left').setStyle('visibility', 'visible');
    });

    $('arrow-right').addEvent('mouseleave', function(){
        clearInterval(scrolling);
    });

    $('arrow-left').addEvent('mouseenter', function(){
        scrolling = scrollLeft().periodical(interval);
        $('arrow-right').setStyle('visibility', 'visible');
    });

    $('arrow-left').addEvent('mouseleave', function(){
        clearInterval(scrolling);
    });

    var checkSize = function() {
        var slidefield_width = slidefield.getStyle('width').toInt();
        var position = scroller.getStyle('left').toInt();
        if (slidefield_width > lineWidth) {
            $('arrow-left').setStyle('visibility', 'hidden');
            $('arrow-right').setStyle('visibility', 'hidden');
            scroller.setStyle('left', (slidefield_width-lineWidth)/2);
        }
        else {
            $('arrow-left').setStyle('visibility', 'visible');
            $('arrow-right').setStyle('visibility', 'visible');
        }
        if (position >= 0) {
            $('arrow-left').setStyle('visibility', 'hidden');
        }
    };

    window.addEvent('resize', function() {
        checkSize();
    });

    checkSize();

});