window.addEvent('domready', function(){
	var szNormal = 240, szSmall  = 130, szFull   = 455;
	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	
	$("kwicks").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
	
});


window.addEvent('domready', function(){//TABS
	var divs = $$(['tab1', 'tab2', 'tab3']);
	divs.each(function(div){
		var link = $(div.id + 'code');
		if(div.id=='tab1'){
			div.setStyle('display', 'block');
			$(div.id + 'code').setStyle('background-position', 'bottom');
		}
		else div.setStyle('display', 'none');
		link.addEvent('click', function(e){
			e = new Event(e);
			divs.each(function(other){
				if (other != div){
					other.setStyle('display', 'none');
					$(other.id + 'code').setStyle('background-position', 'top');
				}
			});

			div.setStyle('display', (div.getStyle('display') == 'block') ? 'none' : 'block');
			this.setStyle('background-position', (this.getStyle('background-position') == 'bottom') ? 'top' : 'bottom');

			e.stop();
		});		
	});
});