var leftX = -360;
var rightX = 0;
var animTime = 500;

$(document).ready(function() {
	
	$('#slideleft').hide();
	$('.explanation').hide();
	
	$('#tyre-1 a').click(function() {
		$('#slideleft').fadeIn();
		$('.explanation').hide();
		$('#' + $(this).attr('rel')).show();
		$('#tyre-content').animate({marginLeft: leftX}, animTime);
		return false;
	});
	
	$('#slideleft').click(function() {
		$('#tyre-content').animate({marginLeft: rightX}, animTime);
		$('#slideleft').fadeOut();
		$('.explanation').fadeOut();
		return false;
	});

});

$(document).ready(function() {
	
	$('#slide_ie').hide();
	$('.explanation').hide();
	
	$('#tyre-1 a').click(function() {
		$('#slide_ie').fadeIn();
		$('.explanation').hide();
		$('#' + $(this).attr('rel')).show();
		$('#tyre-content').animate({marginLeft: leftX}, animTime);
		return false;
	});
	
	$('#slide_ie').click(function() {
		$('#tyre-content').animate({marginLeft: rightX}, animTime);
		$('#slide_ie').fadeOut();
		$('.explanation').fadeOut();
		return false;
	});

});