/***********************************************************
 *DIV Scroller - The Flash Like Menu Scroll Effect in the Previews*
 **********************************************************/

$(document).ready( function (){
    navigatorScroll();
});

function navigatorScroll(){
    //Get our elements for faster access and set overlay width
    
    if($('#portfolioNavigator').length){
        var div = $('#portfolioNavigator'), ul = $('#portfolioNavigator ul'),
        // unordered list's left margin
        ulPadding = 15;
    }else if($('#testimonialNavigator').length){
        var div = $('#testimonialNavigator'), ul = $('#testimonialNavigator ul'),
        // unordered list's left margin
        ulPadding = 15;
    }else{
        return;
    }
    
    //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);
    });
    return;
}