$(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_5 = $('div.sc_menu_5'),

						   ul_5 = $('ul.sc_menu_5'),

						   // unordered list's left margin

						   ulPadding_5 = 15;

			var div_6 = $('div.sc_menu_6'),

						   ul_6 = $('ul.sc_menu_6'),

						   // unordered list's left margin

						   ulPadding_6 = 15;

			var div_7 = $('div.sc_menu_7'),

						   ul_7 = $('ul.sc_menu_7'),

						   // unordered list's left margin

						   ulPadding_7 = 15;

			var div_8 = $('div.sc_menu_8'),

						   ul_8 = $('ul.sc_menu_8'),

						   // unordered list's left margin

						   ulPadding_8 = 15;

			var div_9 = $('div.sc_menu_9'),

						   ul_9 = $('ul.sc_menu_9'),

						   // unordered list's left margin

						   ulPadding_9 = 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();

			  var divWidth_5 = div_5.width();

			  var divWidth_6 = div_6.width();

			  var divWidth_7 = div_7.width();

			  var divWidth_8 = div_8.width();
			  
			  var divWidth_9 = div_9.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'});

			  div_5.css({overflow: 'hidden'});

			  div_6.css({overflow: 'hidden'});

			  div_7.css({overflow: 'hidden'});

			  div_8.css({overflow: 'hidden'});
			  
			  div_9.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');

   			     var lastLi_5 = ul_5.find('li:last-child');

   			     var lastLi_6 = ul_6.find('li:last-child');

   			     var lastLi_7 = ul_7.find('li:last-child');

   			     var lastLi_8 = ul_8.find('li:last-child');
				 
				 var lastLi_9 = ul_9.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);

			  });

			   div_5.mousemove(function(e)

			  {

			

				//As images are loaded ul width increases,

				//so we recalculate it each time

				var ulWidth = lastLi_5[0].offsetLeft + lastLi_5.outerWidth() + ulPadding;

			

				var left = (e.pageX - div_5.offset().left) * (ulWidth-divWidth_5) / divWidth_5;

				div_5.scrollLeft(left);

			  });

			   div_6.mousemove(function(e)

			  {

			

				//As images are loaded ul width increases,

				//so we recalculate it each time

				var ulWidth = lastLi_6[0].offsetLeft + lastLi_6.outerWidth() + ulPadding;

			

				var left = (e.pageX - div_6.offset().left) * (ulWidth-divWidth_6) / divWidth_6;

				div_6.scrollLeft(left);

			  });

			  

			   div_7.mousemove(function(e)

			  {

			

				//As images are loaded ul width increases,

				//so we recalculate it each time

				var ulWidth = lastLi_7[0].offsetLeft + lastLi_7.outerWidth() + ulPadding;

			

				var left = (e.pageX - div_7.offset().left) * (ulWidth-divWidth_7) / divWidth_7;

				div_7.scrollLeft(left);

			  });

			   div_8.mousemove(function(e)

			  {

			

				//As images are loaded ul width increases,

				//so we recalculate it each time

				var ulWidth = lastLi_8[0].offsetLeft + lastLi_8.outerWidth() + ulPadding;

			

				var left = (e.pageX - div_8.offset().left) * (ulWidth-divWidth_8) / divWidth_8;

				div_8.scrollLeft(left);

			  });


			   div_9.mousemove(function(e)

			  {

			

				//As images are loaded ul width increases,

				//so we recalculate it each time

				var ulWidth = lastLi_9[0].offsetLeft + lastLi_9.outerWidth() + ulPadding;

			

				var left = (e.pageX - div_9.offset().left) * (ulWidth-divWidth_9) / divWidth_9;

				div_9.scrollLeft(left);

			  });



});