var slider = 'slider';
var slider_container = '.slider_container';
var slider_item = '.slider_item';
var slider_item_wb = '.slider_item_whitebox';
var arrow_left = 'slider-arrow-left';
var arrow_right = 'slider-arrow-right';
var spitefirst = 'spitefirst';
var spitelast = 'spitelast';
var count_slide_items = 1;
var more_info = '.more_info';
var show_from_item = 2;
var global_duration = 500;

function moveBlocks(direction){ //direction if <0 then move left, >0 move right
    var _items = $(slider).getElements(slider_item);
    if(direction < 0){
        for(var i = 0; i < count_slide_items ; i++){
            _items[_items.length-i-1].dispose();
            _items[_items.length-i-1].inject(spitefirst,'after');
        }
    } else if(direction > 0){
        for(var i = 0; i < count_slide_items ; i++){
            _items[i].dispose();
            _items[i].inject(spitelast,'before');
        }
    }
    makeTransition(direction);
}
function makeTransition(direction){
    var _items = $(slider).getElements(slider_item);
    _items.each(function(item,index){
        item.setStyle('display','none');
    });
    _items[show_from_item-1].setStyles({
            'display'   :'block',
            'z-index'   :4
        });

    _items[show_from_item].setStyles({
        'display':'block',
        'z-index':5
    });

    _items[show_from_item+1].setStyles({
        'display':'block',
        'z-index':3
    });
    if(direction > 0){
        _items[show_from_item-2].setStyles({
            'display'      :'block',
            'z-index'      :1
        });
    } else {
        _items[show_from_item-2].setStyles({
            'display'      :'block',
            'z-index'      :0
        });
    }

    if(direction > 0){
        _items[show_from_item+2].setStyles({
            'display'      :'block',
            'z-index'      :0
        });
    } else {
        _items[show_from_item+2].setStyles({
            'display'      :'block',
            'z-index'      :1
        });
    }


    _items[show_from_item-2].morph({
            'left'          :'19px',
            'top'           :'20px'
        });

    _items[show_from_item-1].morph({
            'left':0,
            'top':20
            });

    _items[show_from_item].morph({
            'left':160,
            'top':0
            });

    _items[show_from_item+1].morph({
            'left':319,
            'top':20
            });

    _items[show_from_item+2].morph({
        'top'           :'20px',
        'left'          :'300px'
    });

    _items[show_from_item-1].getElement(more_info).morph({
            height  :'0',
            opacity : 0
            });

    _items[show_from_item].getElement(more_info).morph({
            height  :'35px',
            opacity : 1
            });

    _items[show_from_item+1].getElement(more_info).morph({
            height  :'0',
            opacity : 0
            });
}

function ff_slider(){

    if($('slider')){
        _all_more_info = $$(more_info);
        _all_more_info.each(function(item,index){
            item.set('moprh', {duration: global_duration});
            if(index == show_from_item){
                item.setStyles({
                    height  :'35px',
                    opacity : 1
                });
            } else {
                item.setStyles({
                    height  :'0',
                    opacity : 0
                });
            }
        });
        _all_slider_items = $$(slider_item);
        _all_slider_items.each(function(item,index){
            
            item.set('morph', {duration: global_duration});
            item.setStyle('display','none');
            if(index == show_from_item-2){
                item.setStyles({
                    'width'   :'538px',
                    'left'    :'19px',
                    'top'     :'20px',
                    'z-index' :'1',
                    'display' :'block'
                });
            } else if(index == show_from_item-1){
                item.setStyles({
                    'width'   :'538px',
                    'left'    :'0',
                    'top'     :'20px',
                    'z-index' :'4',
                    'display' :'block'
                });
            } else if(index == show_from_item){
                item.setStyles({
                    'width'   :'538px',
                    'left'    :'160px',
                    'top'     :'0',
                    'z-index' :'5',
                    'display' :'block'
                });
            } else if(index == show_from_item+1){
                item.setStyles({
                    'width'   :'538px',
                    'left'    :'319px',
                    'top'     :'20px',
                    'z-index' :'3',
                    'display' :'block'
                });
            } else if(index == show_from_item+2){
                item.setStyles({
                    'width'   :'538px',
                    'left'    :'300px',
                    'top'     :'20px',
                    'z-index' :'1',
                    'display' :'block'
                });
            }
        });

        $(arrow_left).addEvent('click',function(){moveBlocks(-1);});
        $(arrow_right).addEvent('click',function(){moveBlocks(1);});
    }
}