// JavaScript Document



window.addEvent('domready', function(){
			
			
			//-slide vertical
			
					window.addEvent('domready', function(){
			//-vertical
			
			var mySlide = new Fx.Slide('test');
			
			mySlide.hide();

			$('toggle').addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();

			});
		}); 

		window.addEvent('domready', function(){
			//-vertical
			
			var mySlide = new Fx.Slide('test2');
			
			mySlide.hide();

			$('toggle2').addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();

			});
		}); 
			
			
			//-tool tips
			
			
			var Tips2 = new Tips($$('.Tips2'), {
				initialize:function(){
					this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
				},
				onShow: function(toolTip) {
					this.fx.start(1);
				},
				onHide: function(toolTip) {
					this.fx.start(0);
				}
			});
			
			
			var Tips4 = new Tips($$('.Tips4'), {
			className: 'custom'
			
			});
			
			
			//-shutters
			
			var szNormal = 170, szSmall  = 120, szFull   = 270;
 
			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);
			})
			
			
			
			//-side nav
			
			var list = $$('#idList li');
			list.each(function(element) {
 
				var fx = new Fx.Styles(element, {duration:200, wait:false});
 
				element.addEvent('mouseenter', function(){
					fx.start({
						'margin-left': 5,
				'background-color': '#666',
						color: '#ff8'
					});
				});
 
				element.addEvent('mouseleave', function(){
					fx.start({
						'margin-left': 0,
						'background-color': '#333',
						'color': '#888'
					});
				});
 
			});
			
			
			
		}); //-JavaScript End