/**
 * @author 
 */

$(document).load(function(){
	
})

$(document).ready(function(){
	var width = 0;
	
	$('.partners li').each(function(){
		var img = $(this).find('.color');
		var pic = new Image(300,60);
		pic.src = $(img).attr('src');
		width += $(this).width() + parseInt($(this).css('padding-left')) + parseInt($(this).css('padding-right'));
		
	});

	width += 150;
	
	// for safari and chrome because they can't properly get $('.partners li').width()
	if ($.browser.webkit) 
	{
		width = width * 2;
	}
	//if (width < $('.partners ul').width()) width = $('.partners ul').width();
	 
	$('.partners ul').width(width);
	$('.partners ul').css('margin-left',-width/2-50+'px');


	 $('.partners .shadowed').hover(
	 function()
	 {
		$(this).css('display','none');
		$(this).parents('ul').find('.shadowed').not(this).show();
		$(this).parents('ul').find('.color').hide();
		$(this).parent().find('.color').css('display','inline-block');
	 },
	 function()
	 {
	 });

	 $('.partners .color').hover(
	 function()
	 {

	 },
	 function()
	 {
		$(this).css('display','none');
		$(this).parents('ul').find('.color').hide();
		$(this).parent().find('.shadowed').css('display','inline-block');
	 });
	 
	$('.partners ul').bind('mousemove', function(e)
	{
		var par_width = $('.partners').width();
		var start = -width/2;
		var max_right = start+(par_width - width)/2 + 50;
		var max_left = -par_width/2 - 50;
		var cur = start;
		
		var par_width = $('.partners').width();
		if (par_width < width)
		{
			if (e.pageX > par_width / 2) 
			{
				new_pos = (e.pageX - par_width / 2);
				cur = cur - new_pos;
			}
			else
			{
				new_pos = (par_width / 2 - e.pageX);
				cur = cur + new_pos;
			}		
			
			if (cur < max_right) cur = max_right;
			if (cur > max_left) cur = max_left;
			
			$('.partners ul').css('margin-left',cur+'px');
		}
		else
		{
			$('.partners ul').css('margin-left',start+'px');
			if (($.browser.msie) & ($.browser.version <= 7))
				$('.partners ul').css('margin-left',-width+'px');
		}	
	});

});