/*	Animation der OMG-Logos
/*	
*/
var omg_logos_w = 0;
var omg_logos_duration = 55000;

function animateLogos( container ){
	var my_left = '';
	if( container == '.list-one' ){
		my_left = '-'+omg_logos_w;
	}
	if( container == '.list-two' ) {
		my_left = '0';
	}	
	$j( container ).animate(
		{ left: my_left+'px'},
		omg_logos_duration,
		'linear',
		function(){
			reAnimateLogos( container );
		}
	);
}

function reAnimateLogos( container ){
	var my_left = '';
	if( container == '.list-one' ){
		my_left = '0';
	}
	if( container == '.list-two' ){
		my_left = omg_logos_w;
	}
	$j( container ).css('left', my_left+'px' );
	animateLogos( container );
}

$j(document).ready(function(){
	// css fuer logo animation
	$j('#logos-wrap')
		.css('height','58px')
		.css('overflow','hidden');
		
	// logos suchen und gesamtbreite berechnen	
	var logos = {};	
	$j('ul.logolist img').each(function( i ){
		logos[i] = {};
		logos[i].name = $j(this).attr('title');
		logos[i].w = $j(this).width();
		omg_logos_w += $j(this).width() + 10;
	});
	// safari bugfix
	omg_logos_w = 2138;
	// containerbreite entsprechend setzen
	$j('ul.logolist').css('width',omg_logos_w+'px');
	
	// zweite instanz der logoliste erzeugen
	$j('ul.logolist')
		.clone()
		.removeClass('list-one')
		.addClass('list-two')
		.appendTo('#logos-wrap'); 	
 			
	// positionen inital setzen:
	$j('.list-one')
		.css('left','0px');
	$j('.list-two')
		.css('left',omg_logos_w+'px');
	
	// stop bei hover, weiter bei out
	$j('ul.logolist img').live('mouseover mouseout',function(ev){
		if( ev.type == 'mouseover' ){
			$j('.list-one').stop();
			$j('.list-two').stop();
		} else {
			animateLogos('.list-one');
			animateLogos('.list-two');
		}	
	});
	
	// Logos animieren:
	animateLogos('.list-one');
	animateLogos('.list-two');
});