$(document).ready(function(){
	
	//Larger thumbnail preview 
	
	$("ul.thumb li").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '-110px', 
				marginLeft: '-110px', 
				top: '50%', 
				left: '50%', 
				width: '300px', 
				height: '169px',
				padding: '20px' 
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0', 
				marginLeft: '0',
				top: '0', 
				left: '0', 
				width: '150px', 
				height: '85px', 
				padding: '5px'
			}, 400);
	});
	
	//Swap Image on Click
		$("ul.thumb li a").click(function() {
			
			$("#main_view img").attr({ src: mainImage });
			return false;		
		});
	 
	});
	
		function animateLeft() {
			$('#backLeftScroll').animate({
				'marginLeft' : '-=75px'
			});
			document.getElementById('clickReturn').onclick=animateRight;
			document.getElementById("clickReturn").style.backgroundImage = 'url("../client/document/flecheO.png")';
		}
		
		function animateRight() {
			$('#backLeftScroll').animate({
				'marginLeft' : '+=75px'
			});
			document.getElementById('clickReturn').onclick=animateLeft;
			document.getElementById("clickReturn").style.backgroundImage = 'url("../client/document/fleche.png")';
		}