/*
 * Horizontal Scrolling Menu made with CSS and jQuery
 * http://valums.com/scroll-menu-jquery/
 */

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

    //Remove scrollbars
    div.css({ overflow: 'hidden' });
	
    //Find last image container
    var lastLi = ul.find('li:last-child');
	
    //When user move mouse over menu
    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);
    });
});