﻿$(function()
{
    //Inicializo las variables.
    var Div = $('div.ls-contenedor-giratorio')
    var Ul = $('div.ls-contenedor-giratorio ul')
    var UlPadding = 15;

    //Obtengo el ancho del giratorio.
    var AnchoDiv = Div.width();
    //Obtengo el último producto.
    var UltimaImagen = Ul.find('li:last-child');

    //Cuando se mueve el mouse.
    Div.mousemove(function(e)
    {
        //Obtengo el ancho total, que lo saco de la última imagen, más su ancho, más el espacio que dejo de margen.
        var AnchoUl = UltimaImagen[0].offsetLeft + UltimaImagen.outerWidth() + UlPadding;

        //Seteo el scroll que debe haber a la izquierda, en base a:
        //donde está parado el mouse relativo al giratorio, multiplicado por lo que falta mostrar, sobre el ancho de la capa.
        var Left = (e.pageX - Div.offset().left) * (AnchoUl - AnchoDiv) / AnchoDiv;

        //Hago el scroll.
        Div.scrollLeft(Left);
    });
});
