//$('demo-inner').setStyle('background','#fff url(/uploads/case_studies/loading.gif) 433px 110px no-repeat;');

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;');
	});
	 
	$('link4').addEvent('mouseover', function(event) {
		$('demo-wrapper').setStyles('border:2px solid #660000;padding: 0px;');
	});
	
	$('link5').addEvent('mouseover', function(event) {
		$('demo-wrapper').setStyles('border:2px solid #660000;padding: 0px;');
	});
	
	$('link6').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;');
	});
	 
	$('link4').addEvent('mouseout', function(event) {
		$('demo-wrapper').setStyles('border:none;padding:2px;');
	});
	
	$('link5').addEvent('mouseout', function(event) {
		$('demo-wrapper').setStyles('border:none;padding:2px;');
	});
	
	$('link6').addEvent('mouseout', function(event) {
		$('demo-wrapper').setStyles('border:none;padding:2px;');
	});
	
	new Asset.images(['/uploads/case_studies/um.jpg'], {
		onComplete: function(){
		
			$('demo-inner').setStyles('background: #fff url(\'/uploads/case_studies/um.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');
			});
			 
			$('link4').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content4');
			});
			
			$('link5').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content5');
			});
			
			$('link6').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content6');
			});
		}
	});
});