var Site = {
	
	start : function() 
	{
		if ($('kwicks')) {Site.kwicks();}
		if ($('caption1')) {Site.captionSlide();}		
	},
	
	captionSlide : function()
	{

		var captionbox1 = new Fx.Slide('caption1', {mode: 'horizontal', duration: 200});
		captionbox1.slideOut();

		$('frame1').addEvent('mouseenter', function(e){
			e = new Event(e);
			captionbox1.slideIn();
			e.stop();
		});

		$('frame1').addEvent('mouseleave', function(e){
			e = new Event(e);
			captionbox1.slideOut();
			e.stop();
		});	
		
	},		
	
	kwicks : function() {

		var szNormal = 125, szSmall  = 45, szFull   = 605;
 
		var kwicks = $$("#kwicks .kwick");
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition: Fx.Transitions.Sine.easeIn});
		
		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', Site.start);