window.addEvent('domready', function() {
	
	
	
	if ($("image-accordion")) {
		
		$("image-accordion").setStyle("display","block");
		
		
		var accordion = $("image-accordion");
		var accordion_items = accordion.getElements(".image .imageLink");
		var totalElements = accordion_items.length;
		var borderWidth = 1;
		var closedWidth = (420/(totalElements-1))-borderWidth;
		var captionBox = $('imageCaption');
		var fadeOpacity = .4
		var captionText = $("imageCaptionText").get("text");
		//var aikinsButton = $$(".aikinsButton");
		var companyLogos = $$(".companyLogo");
		var display;
		
		if (accordion.get("class") == "" || accordion.get("class") > (totalElements)){

			display = 0;
		} else {
			display = (accordion.get("class")-1);
		}
		var initialCaptionMargin = closedWidth * display;

		
		
		//aikinsButton.setStyle("display", "block");
		
		accordion_items.each(function(item, index) {
			
			if (index == display) {
				
				var initialText = item.get("alt");
				
				captionBox.setStyle('margin-left', initialCaptionMargin);
				
				//$("imageCaptionText").set("html", initialText);	
				$("imageCaptionText").set("text", initialText);	
				
				item.setStyle('width', 600);
				item.setStyle('border-left', 'none');
				item.addClass("active");
				item.getNext().fade("in");
				
				accordion.activeItem = index;
				
			} else {
				
				item.setStyle('width', closedWidth);
				item.fade(fadeOpacity);
				item.getNext().fade("hide");
				$$(".companyLogo")[index].fade("hide");
			}
			
			
			item.morph = new Fx.Morph(item);
			//var mySlide = new Fx.Slide(captionBox);
			
			captionBox.morph = new Fx.Morph(captionBox);
			
			//mySlide.wrapper.set("id", "imageCaptionWrapper");
			
			item.addEvent("click", function(evt) {
				evt.stop();
				item.morph.cancel();
				accordion_items[accordion.activeItem].morph.cancel();
				captionBox.morph.cancel();
				var clickedText = item.get("alt");
				accordion_items[accordion.activeItem].removeClass("active");
				accordion_items[accordion.activeItem].getNext().fade(0);
				accordion_items[accordion.activeItem].fade(fadeOpacity);
				item.addClass("active");
				item.fade(1);
				item.getNext().fade("in");
				
				var captionBoxPos = closedWidth*(index)+index;
				
				item.morph.start({ width : 600 });
				accordion_items[accordion.activeItem].morph.start({ width : closedWidth });
				accordion.activeItem = index;
				$("imageCaptionText").fade("hide");
				//$("imageCaptionText").set("html", clickedText);
				$("imageCaptionText").set("text", clickedText);
				$$(".companyLogo").fade("hide");
				$$(".companyLogo")[accordion.activeItem].fade.delay(500,$$(".companyLogo")[accordion.activeItem],"in");
				
				
				var captionBoxHeight = $("imageCaptionText").getStyle("height");
				captionBox.morph.start({ 
					'margin-left' : captionBoxPos, 
					'height' : captionBoxHeight, 
					'padding-bottom' : 80 
					});
					
				$("imageCaptionText").fade.delay(500,$("imageCaptionText"),"in");				
			});
			
			item.addEvent("mouseover", function(evt){	
				if(item.hasClass("active")){
						
				} else {
					item.fade(1);
				}
			});
			
			item.addEvent("mouseleave", function(evt){	
				if(item.hasClass("active")){
						
				} else {
					item.fade(fadeOpacity);
				}
			});
			
			
		});
		
		
	}

	
});