$(document).ready(function() {
	var velocity = 0.1;
	var velocity_fast = 0.3;
	var wCatFixed = $('#w_fixed');
	var wViewWidth = parseInt(wCatFixed.width());
	var wCatWidth = 0;
	var wCatContainer = $('#w_categories');
	var wCategories = wCatContainer.find('div.blocks_but');
	var wCategoriesCount = wCategories.length;
	wCategories.each(
		function() {
			var w = parseInt($(this).width());
			wCatWidth += w;
		});
	$('#wRight').hover(
		function()
		{
			if (wCatWidth-wViewWidth > 0) {
			blink = false;
			var s = parseInt(wCatContainer.css('margin-left'))-(wViewWidth-wCatWidth);
			var t = s / velocity;
			wCatContainer.animate({marginLeft: wViewWidth-wCatWidth}, t);
			}
		},
		function()
		{
			wCatContainer.stop();
		}
	);
	
	$('#wRight').mousedown(
		function()
		{
			if (wCatWidth-wViewWidth > 0) {
			var s = parseInt(wCatContainer.css('margin-left'))-(wViewWidth-wCatWidth);
			var t = s / velocity_fast;
			wCatContainer.stop();
			wCatContainer.animate({marginLeft: wViewWidth-wCatWidth}, t);
			}
		});
	
	$('#wRight').mouseup(
		function()
		{
			if (wCatWidth-wViewWidth > 0) {
			var s = parseInt(wCatContainer.css('margin-left'))-(wViewWidth-wCatWidth);
			var t = s / velocity;
			wCatContainer.stop();
			wCatContainer.animate({marginLeft: wViewWidth-wCatWidth}, t);
			}
		});
	$('#wLeft').hover(
		function()
		{
			var s = -parseInt(wCatContainer.css('margin-left'));			
			var t = s / velocity;
			
			wCatContainer.animate({marginLeft: 0}, t);
		},
		function()
		{
			wCatContainer.stop();
		}
	);
	
	$('#wLeft').mousedown(
		function()
		{
			var s = -parseInt(wCatContainer.css('margin-left'));			
			var t = s / velocity_fast;
			wCatContainer.stop();
			wCatContainer.animate({marginLeft: 0}, t);
		});
	
	$('#wLeft').mouseup(
		function()
		{
			var s = -parseInt(wCatContainer.css('margin-left'));			
			var t = s / velocity;
			wCatContainer.stop();
			wCatContainer.animate({marginLeft: 0}, t);
		});
	$('#wLeft').click(function() { return false; });
	$('#wRight').click(function() { return false; });
	var TI = window.setInterval(blinkButtons, 1000);
	var blink = true;
	function blinkButtons() {
		if (blink) {
			$("#wRightImg").fadeTo("normal", 0.5,
				function () {
					$("#wRightImg").fadeTo("slow", 1);
				});
			$("#mRightImg").fadeTo("normal", 0.5,
			function () {
					$("#mRightImg").fadeTo("slow", 1);
				});
		}
		else {
			window.clearInterval(TI);
		}
	}

	var mCatFixed = $('#m_fixed');
	var mViewWidth = parseInt(mCatFixed.width());
	var mCatWidth = 0;
	var mCatContainer = $('#m_categories');
	var mCategories = mCatContainer.find('div.blocks_but');
	var mCategoriesCount = mCategories.length;
	mCategories.each(
		function() {
			var w = parseInt($(this).width());
			mCatWidth += w;
		});
	$('#mRight').hover(
		function()
		{
			if (mCatWidth-mViewWidth > 0) {
			blink = false;
			var s = parseInt(mCatContainer.css('margin-left'))-(mViewWidth-mCatWidth);
			var t = s / velocity;
			mCatContainer.animate({marginLeft: mViewWidth-mCatWidth}, t);
			}
		},
		function()
		{
			mCatContainer.stop();
		}
	);
	
	$('#mRight').mousedown(
		function()
		{
			if (mCatWidth-mViewWidth > 0) {
			var s = parseInt(mCatContainer.css('margin-left'))-(mViewWidth-mCatWidth);
			var t = s / velocity_fast;
			mCatContainer.stop();
			mCatContainer.animate({marginLeft: mViewWidth-mCatWidth}, t);
			}
		});
	
	$('#mRight').mouseup(
		function()
		{
		if (mCatWidth-mViewWidth > 0) {
			var s = parseInt(mCatContainer.css('margin-left'))-(mViewWidth-mCatWidth);
			var t = s / velocity;
			mCatContainer.stop();
			mCatContainer.animate({marginLeft: mViewWidth-mCatWidth}, t);
		}
		});
	$('#mLeft').hover(
		function()
		{
			var s = -parseInt(mCatContainer.css('margin-left'));			
			var t = s / velocity;
			mCatContainer.animate({marginLeft: 0}, t);
		},
		function()
		{
			mCatContainer.stop();
		}
	);
	
	$('#mLeft').mousedown(
		function()
		{
			var s = -parseInt(mCatContainer.css('margin-left'));			
			var t = s / velocity_fast;
			mCatContainer.stop();
			mCatContainer.animate({marginLeft: 0}, t);
		});
	
	$('#mLeft').mouseup(
		function()
		{
			var s = -parseInt(mCatContainer.css('margin-left'));			
			var t = s / velocity;
			mCatContainer.stop();
			mCatContainer.animate({marginLeft: 0}, t);
		});
	$('#mLeft').click(function() { return false; });
	$('#mRight').click(function() { return false; });
});