var scroll;
var Interval;
var offset = Browser.Engine.presto?20:0; // fix Opera width problem
window.addEvent('domready', function() {
    var size = $(document).getSize();
   
    $('links-partenaires').setStyle('width', size.x-52-offset + 'px');
    var content = $('link-content');
    content.setStyle('width', content.getSize().x + 'px');
    
    var contentInnerSize = 0;
    elms = $$('.link-partenaire', '.link-separator');
    elms.each(function(elm, index){
        span = elm.getElement('span');
        if (span) {
            if (!Browser.Engine.trident || Browser.Engine.version > 4) span.setStyle('display', 'block');
            if (Browser.Engine.trident && Browser.Engine.version < 5) {
                elm.setStyle('width', span.getSize().x + 'px');
                span.setStyle('display', 'block');
            }
            
        }

        contentInnerSize += elm.getSize().x + elm.getStyle('margin-left').toInt() + elm.getStyle('margin-right').toInt();
        
    });

    $('link-content-inner').setStyles({width: contentInnerSize + 'px', position: 'absolute'});

    scroll = $('link-content-inner');

    $('link-prec').addEvents({
	'mousedown': function(e){					
            $clear(Interval);
            Interval = scrollRight.periodical(10,this);	
	}.bind(this),
	'mouseup': function(e){
            $clear(Interval);
	}.bind(this),
	'mouseout': function(e){
            $clear(Interval);
	}.bind(this)
    });
   
    $('link-suiv').addEvents({
	'mousedown': function(e){					
            $clear(Interval);
            Interval = scrollLeft.periodical(10,this);	
	}.bind(this),
	'mouseup': function(e){
            $clear(Interval);
	}.bind(this),
	'mouseout': function(e){
            $clear(Interval);
	}.bind(this)
    });
   
    function scrollLeft(){		
	var target = scroll.getStyle('left').toInt() - 10;
	if (scroll.getCoordinates().left > -(scroll.getCoordinates().width+26 - $(document).getSize().x+offset)) scroll.setStyle('left', target);
    }
    
    function scrollRight(){		
	var target = scroll.getStyle('left').toInt() + 10;
	if (scroll.getCoordinates().left < 26) scroll.setStyle('left', target);
    }
});

window.addEvent('load', function() {
    $('link-loading').setStyle('display', 'none');
});   

window.addEvent('resize', function() {
    var size = $(document).getSize();
    $('links-partenaires').setStyle('width', size.x-52-offset + 'px');
    if (scroll.getCoordinates().left < -(scroll.getCoordinates().width+26 - size.x+offset)) {
        scroll.setStyle('left', -(scroll.getCoordinates().width+26 - size.x+offset+26));
    }
});