$(function(){
	//Get our elements for faster access and set overlay width
	var div = $('div.sc_logotipos_navegacion'),
		ul = $('ul.sc_logotipos_navegacion'),
		ulPadding = 15;
	
	//consiguiendo el ancho
	var divWidth = div.width();

	//elimino los scroll bar
	div.css({overflow: 'hidden'});
	
	//para encontrar la ultima imagen a desplejar planteo esta variable.
	var lastLi = ul.find('li:last-child');
	
	//When user move mouse over logotipos_navegacion
	div.mousemove(function(e){
		//As images are loaded ul width increases,
		//so we recalculate it each time
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;	
		var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		div.scrollLeft(left);
	});
});
/*]]>*/