window.addEvent('domready', function(){
			var szNormal = 105, szSmall  = 65, szFull   = 265;
			
	
			
			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(){
			var szNormal = 105, szSmall  = 65, szFull   = 265;
			
	
			
			var kwicks2 = $$("#kwicks2 .kwick2");
			var fx = new Fx.Elements(kwicks2, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
			kwicks2.each(function(kwick2, i) {
				kwick2.addEvent("mouseenter", function(event) {
					var o = {};
					o[i] = {width: [kwick2.getStyle("width").toInt(), szFull]}
					kwicks2.each(function(other, j) {
						if(i != j) {
							var w = other.getStyle("width").toInt();
							if(w != szSmall) o[j] = {width: [w, szSmall]};
						}
					});
					fx.start(o);
				});
			});
			
			$("kwicks2").addEvent("mouseleave", function(event) {
				var o = {};
				kwicks2.each(function(kwick2, i) {
					o[i] = {width: [kwick2.getStyle("width").toInt(), szNormal]}
				});
				fx.start(o);
			})
			
		}); 




window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	

	//--horizontal
	var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});

	$('h_slidein').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.slideIn();
	});

	$('h_slideout').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.slideOut();
	});

	$('h_toggle').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.toggle();
	});

	$('h_hide').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.hide();
		$('horizontal_status').set('html', status[myHorizontalSlide.open]);
	});
	
	$('h_show').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.show();
		$('horizontal_status').set('html', status[myHorizontalSlide.open]);
	});
	
	// When Horizontal Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myHorizontalSlide.addEvent('complete', function() {
		$('horizontal_status').set('html', status[myHorizontalSlide.open]);
	});
});