//функции для упращения кода
d=document;
g=function(a)
{
	return d.getElementById(a);
}
f=true;
// функция для получения координат объекта
function getBounds(element)
{
  var left = element.offsetLeft;
  var top = element.offsetTop;
  for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
  {
    left += parent.offsetLeft - parent.scrollLeft;
    top += parent.offsetTop - parent.scrollTop
  }
  return {left: left+document.body.scrollLeft, top: top+document.body.scrollTop, width: element.offsetWidth, height: element.offsetHeight};
}

$(document).ready(function(){

	$('#menu.horizontal #menu-wrapper').append('<div class="scroll-left" /><div class="scroll-right" />');
	$('#menu.horizontal #menu-wrapper').width($('body').width()-($('#menu').width()+80));
	$('#menu.horizontal #menu-wrapper ul').css('left', '0px');
	$('#menu.horizontal #menu-wrapper ul li:even').each(function(index) {
		$(this).css('left', 200*index+20);
	});
	$('#menu.horizontal #menu-wrapper ul li:odd').each(function(index) {
		$(this).css('top', '50px');
		$(this).css('left', 200*index+20);
	});
	$('#menu.horizontal #menu-wrapper .scroll-left').click(function() {

		if (f)
		{
		if (getBounds(g('menu-wrapper-ul'))['left']-200 >0)
		{

		return false

		}
		else
		{
		    f=false;
			$('#menu.horizontal #menu-wrapper ul').animate({left: '+=200px'}, 500);
			setTimeout("f=true;",500);
		}
		}
	});
	$('#menu.horizontal #menu-wrapper .scroll-right').click(function() {

        if (f)
		{
		if (getBounds(g('menu-wrapper-ul'))['left']+getBounds(g('menu-wrapper'))['width']-200 < 0  )
		return false;
		else	{
		f=false;
			$('#menu.horizontal #menu-wrapper ul').animate({left: '-=200px'}, 500);
			setTimeout("f=true;",500);
		}
		}
	});
	$('#menu').hover(function() {
		$('#menu #menu-wrapper').show();
	}, function() {
		$('#menu #menu-wrapper').hide();
	});
});
$(window).resize(function(){
	$('#menu.horizontal #menu-wrapper').width($('body').width()-($('#menu').width()+40))
});