window.addEvent('domready', function(){
	if ($('serv_subnav')){
		appearText();
	}
	
	var Tips1 = new Tips($$('.Tips1'));

	var szSmall = {};
	var szNormal = {};
	var szFull = {};
	 
	var kwicks = $$('#kwick .kwick');
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		szNormal[i] = kwick.getStyle("width").toInt();
		szFull[i] = szNormal[i] * 1.5;
		szSmall[i] = szNormal[i] * .92;
		
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull[i]]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall[j]) o[j] = {width: [w, szSmall[j]]};
				}
			});
			fx.start(o);
		});
	});
	 
	$("kwick_list").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal[i]]}
		});
		fx.start(o);
	})
	
	function appearText(){
		var timer = 0;
		var sideblocks = $$('#serv_subnav li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-botom', "-140px");
			var animFadeIn = new Fx.Style(el, "opacity", {
				duration: 1000
			});
			animFadeIn.start(0, 1);
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-bottom', {
				duration: 400,
				transition: Fx.Transitions.backIn,
				wait: false
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	}
	
	// RESPONSES
	var sliders = $$(".info_box");
	var triggers = $$(".i_trigger");
	var hiders = $$(".i_hider");
	triggers.each(function(o,x) {
		var sl = new Fx.Slide(sliders[x]);	
		$(triggers[x]).addEvent('click',function(e){
			e = new Event(e);
			sl.toggle();
			e.stop(); 
		});
		$(hiders[x]).addEvent('click',function(e){
			e = new Event(e);
			sl.toggle();
			e.stop(); 
		});	
		sl.hide();
	});		
});