window.addEvent('domready', function() {
	// HERE IS WHAT YOU READ IN JS CODE
	 
	/* Tips 2 */
	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);
		}
	});

	

/* main nav link transitions */

	var list = $$('#mainNav a');
	list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:300, wait:false});
	
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-right': 50,
			'padding-left': 10,
			'background-color': '#0073b4',
			'color': '#fcb415'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-right': 0,
			'padding-left': 10,
			'background-color': '#24abe9',
			'color': '#ffffff'
		});
	});
 
});
	
/* right sub nav link transitions */


	var list = $$('#secondaryNav a');
	list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:300, wait:false});
	
	element.addEvent('mouseenter', function(){
		fx.start({
			'padding-right': 5,
			'color': '#fcb415'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'padding-right': 0,
			'color': '#ffffff'
		});
	});
 
});

		/* kwick fit links */
		var szNormal = 200, szSmall  = 168, szFull   = 300;
		
		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);
		})

	// *am*  after tips2 has loaded walk the a rel=lightbox array and empty the alt to suppress the tooltip in yr browser"
	var arr = document.getElementsByTagName('img') ;
		for(var x = 0; x<arr.length; x++){
			if(arr[x].className == 'Tips2') {
				arr[x].alt="";
			}
	}
	
	var arr = document.getElementsByTagName('a') ;
		for(var x = 0; x<arr.length; x++){
			if(arr[x].className == 'case_btn') {
				arr[x].title="";
			}
	}

});