$(document).ready(function () {
$('.catalogLeft').stop().animate({
	'opacity': 0
	}, 8);

var deltaX=0;
var deltaXiPod=0;


var maxDelta=($('#catalogMac dl > dt').size()-3)*256;
var maxDeltaiPod=($('#catalogiPod dl > dt').size()-3)*256;

$('#catalogMac .catalogRight').mousedown(function() {
	if (deltaX < maxDelta) {
		$('#catalogMac .catalogLeft').stop().animate({
			'opacity': 1
			}, 800);		
		deltaX=deltaX+256;
		$('#catalogMac .catalogSlider').stop().animate({
			'margin-left': -deltaX
		}, 500);
		if (deltaX == maxDelta) {
			$('#catalogMac .catalogRight').stop().animate({
				'opacity': 0
				}, 800);
		}		
	}		
});

$('#catalogMac .catalogLeft').mousedown(function() {
	if (deltaX > 0) {
		$('#catalogMac .catalogRight').stop().animate({
			'opacity': 1
			}, 800);
		deltaX=deltaX-256;	
		$('#catalogMac .catalogSlider').stop().animate({
			'margin-left': -deltaX
			}, 500);
		if (deltaX < 256) {
			$('#catalogMac .catalogLeft').stop().animate({
				'opacity': 0
				}, 800);
		}					
	}
});

$('#catalogiPod .catalogRight').mousedown(function() {
	if (deltaXiPod < maxDeltaiPod) {
		$('#catalogiPod .catalogLeft').stop().animate({
			'opacity': 1
			}, 800);		
		deltaXiPod=deltaXiPod+256;
		$('#catalogiPod .catalogSlider').stop().animate({
			'margin-left': -deltaXiPod
		}, 500);
		if (deltaXiPod == maxDeltaiPod) {
			$('#catalogiPod .catalogRight').stop().animate({
				'opacity': 0
				}, 800);
		}		
	}		
});

$('#catalogiPod .catalogLeft').mousedown(function() {
	if (deltaXiPod > 0) {
		$('#catalogiPod .catalogRight').stop().animate({
			'opacity': 1
			}, 800);
		deltaXiPod=deltaXiPod-256;
		$('#catalogiPod .catalogSlider').stop().animate({
			'margin-left': -deltaXiPod
			}, 500);
		if (deltaXiPod < 256) {
			$('#catalogiPod .catalogLeft').stop().animate({
				'opacity': 0
				}, 800);
		}					
	}
});

$('#catalogMac dl dt a').hover(function() {
	$('#catalogMac dd span').html(this.title)}, function() {$('#catalogMac dd span').html('');
});

$('#catalogiPod dl dt a').hover(function() {
	$('#catalogiPod dd span').html(this.title)}, function() {$('#catalogiPod dd span').html('');
});


});
