// JavaScript Document
window.addEvent("domready", function() {
		
	var myGallery = new gallery($('myGallery'), {
		timed: true,
		showCarousel: false,
		showInfopane: false,
		showArrows: false
	});
	
	var szNormal = 110, szSmall  = 100, szFull   = 200;
	 
	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition: Fx.Transitions.Quart.easeInOut});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
		
			var o = {};
			o[i] = {
				width: [kwick.getStyle("width").toInt(), szFull],
				color: '#000'
			}
			
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {
						width: [w, szSmall],
						color: '#7a6b4b'
					};
				}
			});
			fx.start(o);
		});
	});
 
	$("kwicks").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {
				width: [kwick.getStyle("width").toInt(), szNormal],
				color: '#aa9230'
			}
		});
		fx.start(o);
	})
	






	var mySlider = new Fx.Slide('kwicks_container', {duration: 1000, mode:'vertical', transition: Fx.Transitions.Cubic.easeInOut});
	mySlider.hide();
	mySlider.slideIn();
	
	
	
	
	/*Side (left) panel activate animation of links*/
	var list = $$('#columnLeft a');
	list.each(function(element) {
	 
		var fx = new Fx.Styles(element, {duration:200, wait:false});
	 
		element.addEvent('mouseenter', function(){
			fx.start({
				'margin-left': 5,
				color: '#c5a619'
			});
		});
	 
		element.addEvent('mouseleave', function(){
			fx.start({
				'margin-left': 0,
				'background-color': '',
				'color': '#000'
			});
		});
	 
	});
	
	
});