window.addEvent('domready', function() {
// =============== Mouseover =====================
	$('link1').addEvent('mouseover', function(event) {
		$('demo-wrapper').setStyles('border:2px solid #660000;padding: 0px;');
	});
	 
	$('link2').addEvent('mouseover', function(event) {
		$('demo-wrapper').setStyles('border:2px solid #660000;padding: 0px;');
	});
	 
	$('link3').addEvent('mouseover', function(event) {
		$('demo-wrapper').setStyles('border:2px solid #660000;padding: 0px;');
	});
	 
	// =============== Mouseout ======================
	$('link1').addEvent('mouseout', function(event) {
		$('demo-wrapper').setStyles('border:none;padding:2px;');
	});
	 
	$('link2').addEvent('mouseout', function(event) {
		$('demo-wrapper').setStyles('border:none;padding:2px;');
	});
	 
	$('link3').addEvent('mouseout', function(event) {
		$('demo-wrapper').setStyles('border:none;padding:2px;');
	});
	 	

	new Asset.images(['/uploads/case_studies/mag.jpg'], {
		//onProgress: function(){     },
		onComplete: function(){
			
			$('demo-inner').setStyles('background: #fff url(/uploads/case_studies/mag.jpg) top left no-repeat;');
		
			var scroll = new Fx.Scroll('demo-wrapper', {
				wait: false,
				duration: 1500,
				offset: {'x': -200, 'y': -200},
				transition: Fx.Transitions.Quad.easeInOut
			});
 
			$('link1').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content1');
			});
			 
			$('link2').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content2');
			});
			 
			$('link3').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content3');
			});
			
	
		}
	});

});