var Site = {
	
	start: function(){
		
		if ($('kwick')) Site.parseKwicks();

	},
	
	parseKwicks: function(){
		var kwicks = $$('#kwick .kwick');
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});
		kwicks.each(function(kwick, i){
			kwick.addEvent('mouseenter', function(e){
				var obj = {};
				obj[i] = {
					'width': [kwick.getStyle('width').toInt(), 185]
				};
				kwicks.each(function(other, j){
					if (other != kwick){
						var w = other.getStyle('width').toInt();
						if (w != 105) obj[j] = {'width': [w, 105]};
					}
				});
				fx.start(obj);
			});
		});
		
		$('kwick').addEvent('mouseleave', function(e){
			var obj = {};
			kwicks.each(function(other, j){
				obj[j] = {'width': [other.getStyle('width').toInt(), 125]};
			});
			fx.start(obj);
		});
	}
	
};


window.addEvent('load', Site.start);

window.addEvent('domready', function(){
	var scroll = new Fx.Scroll('scroll-wrapper', {
		wait: false,
		duration: 1500,
		offset: {'x': -20, 'y': -20},
		transition: Fx.Transitions.Back.easeInOut
	});
	
	$('link1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content1');
		t = setTimeout(function(){ document.getElementById('content1').style.overflow = 'auto';}, 1500);
	});
	
	$('link2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content2');
		if(window.t){ clearTimeout(t) };
		document.getElementById('content1').style.overflow = 'hidden';
	});
	
	$('link3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content3');
		if(window.t){ clearTimeout(t) };
		document.getElementById('content1').style.overflow = 'hidden';
	});
	
	$('link4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content4');
		if(window.t){ clearTimeout(t) };
		document.getElementById('content1').style.overflow = 'hidden';	
	});
});