// JavaScript Document

var blades, detailContainer;
var Site = {
	
	start: function(){
		Site.initAccordian();
	},
	
	initAccordian: function(){

		var transition = 'Circ';
		var ease = 'easeOut';
		var duration = 600;
		var lastWelcome = Document.getElementById('mcca-welcome');
			 
		blades = $$("#accordian .blade");
		var bladeFx = new Fx.Elements(blades, {wait: false, duration: duration});
		bladeFx.options.transition = Fx.Transitions[transition][ease];
		
		var moveAmount = 428, interval = 73;
		blades.each(function(b, i) {
			b.setStyle("left", i * interval);
			b.addEvent("mousedown", function(event) {
				var o = {};
				var l = b.getStyle("left").toInt();
				o[i] = {left: [l, i * interval]};
				blades.each(function(other, j) {
					var l2 = other.getStyle("left").toInt();
					if(i > j) {
						o[j] = {left: [l2, j * interval]};
					}
					if(i < j) {
						o[j] = {left: [l2, (j * interval) + moveAmount]};
					}
				});
				bladeFx.start(o);
				lastWelcome.style.display='none';
				lastWelcome = Document.getElementById(b.id.substr(6)+'-welcome');
				lastWelcome.style.display='block';
			});
		});
		//open the section blade (defined globally)
		if(blade) {
			this.blade(blade);
		} else {
			this.blade(0);
		}
	},
		
	loaded: function() {
		if(typeof bodyLoaded == 'function') {
			bodyLoaded();
		}
	},
		
	blade: function(bladeIndex) {
		blades[bladeIndex].fireEvent('mousedown');
	},
	
	showProductDetails: function(id) {
		var detailsDiv = document.getElementById(id);
		if(!detailsDiv) return;
		if(detailContainer) {
			detailContainer.innerHTML=detailsDiv.innerHTML;
			detailContainer.style.display = 'block';
		} else {
		  	detailContainer = document.createElement('div');
		  	detailContainer.className = 'product-details-container';
		  	detailContainer.id = 'product-container';
		  	detailContainer.innerHTML=detailsDiv.innerHTML;
			document.getElementById('client-welcome').appendChild(detailContainer);
		}
	},

	hideProductDetails: function(id) {
		if(detailContainer) detailContainer.style.display='none';
	}
	
};


window.addEvent('domready', Site.start)