$(function()
		{
			  //Get our elements for faster access and set overlay width
			var div_1 = $('div.sc_menu_1'),
						   ul_1 = $('ul.sc_menu_1'),
						   // unordered list's left margin
						   ulPadding_1 = 15;
			var div_2 = $('div.sc_menu_2'),
						   ul_2 = $('ul.sc_menu_2'),
						   // unordered list's left margin
						   ulPadding_2 = 15;
			var div_3 = $('div.sc_menu_3'),
						   ul_3 = $('ul.sc_menu_3'),
						   // unordered list's left margin
						   ulPadding_3 = 15;
			var div_4 = $('div.sc_menu_4'),
						   ul_4 = $('ul.sc_menu_4'),
						   // unordered list's left margin
						   ulPadding_4 = 15;
						   
			 var div = $('div.sc_menu'),
						   ul = $('ul.sc_menu'),
						   // unordered list's left margin
						   ulPadding = 15;
						   
						   
			
			  //Get menu width
			  var divWidth = div.width();
			  var divWidth_1 = div_1.width();
			  var divWidth_2 = div_2.width();
			  var divWidth_3 = div_3.width();
			  var divWidth_4 = div_4.width();
			
			  //Remove scrollbars
			  div.css({overflow: 'hidden'});
			  div_1.css({overflow: 'hidden'});
			  div_2.css({overflow: 'hidden'});
			  div_3.css({overflow: 'hidden'});
			  div_4.css({overflow: 'hidden'});
			
			  //Find last image container
			  var lastLi = ul.find('li:last-child');
			   var lastLi_1 = ul_1.find('li:last-child');
			   var lastLi_2 = ul_2.find('li:last-child');
			    var lastLi_3 = ul_3.find('li:last-child');
   			     var lastLi_4 = ul_4.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);
			  });
			  
			  div_1.mousemove(function(e)
			  {
			
				//As images are loaded ul width increases,
				//so we recalculate it each time
				var ulWidth = lastLi_1[0].offsetLeft + lastLi_1.outerWidth() + ulPadding;
			
				var left = (e.pageX - div_1.offset().left) * (ulWidth-divWidth_1) / divWidth_1;
				div_1.scrollLeft(left);
			  });
			  div_2.mousemove(function(e)
			  {
			
				//As images are loaded ul width increases,
				//so we recalculate it each time
				var ulWidth = lastLi_2[0].offsetLeft + lastLi_2.outerWidth() + ulPadding;
			
				var left = (e.pageX - div_2.offset().left) * (ulWidth-divWidth_2) / divWidth_2;
				div_2.scrollLeft(left);
			  });
			   div_3.mousemove(function(e)
			  {
			
				//As images are loaded ul width increases,
				//so we recalculate it each time
				var ulWidth = lastLi_3[0].offsetLeft + lastLi_3.outerWidth() + ulPadding;
			
				var left = (e.pageX - div_3.offset().left) * (ulWidth-divWidth_3) / divWidth_3;
				div_3.scrollLeft(left);
			  });
			   div_4.mousemove(function(e)
			  {
			
				//As images are loaded ul width increases,
				//so we recalculate it each time
				var ulWidth = lastLi_4[0].offsetLeft + lastLi_4.outerWidth() + ulPadding;
			
				var left = (e.pageX - div_4.offset().left) * (ulWidth-divWidth_4) / divWidth_4;
				div_4.scrollLeft(left);
			  });
			  
		});	