window.addEvent('load', function(){
								 
	var sections = $$("#allSections .section");
	var sectionFx = new Fx.Elements(sections, {wait: false, duration: 600});
	sectionFx.options.transition = Fx.Transitions['Expo']['easeInOut'];
		
	var sectionToggler =  sections[0].getElements('h2');
		
	var interval = sectionToggler[0].getStyle("width").toInt();	
	var moveAmount = sections[0].getStyle("width").toInt() - interval;
	
	sections.each(function(section, i) {
		var sectionSel = section.getElement('span');
		section.setStyle("left", i * interval);
		
		section.deselect = function(event) {
			
			if (section.opening == false) {	
				var sectionSel = section.getElement('span');
				sectionSel.removeClass('sel');
			}
			
		}
		
		section.inititate = function(event) {
			
			var objects = {};
			var l = section.getStyle("left").toInt();			
			objects[i] = {left: [l, i * interval]}
			
			sections.each(function(other, j) {
				var leftPos = other.getStyle("left").toInt();
				
				var sectionToggler =  other.getElements('h2');
				var sectionContent =  other.getElements('div');
				sectionContent =  sectionContent[0];
				
				var aTag = sectionToggler.getElement("a");
				aTag.setStyle("height", 0);
				
				if (i != j) {
					
					if (j > 0) {
						setTimeout(other.deselect, 320);
					} else {		
						var sectionSel = other.getElement('span');
						sectionSel.removeClass('sel');
					}
					
					if(i > j) {
						objects[j] = {left: [leftPos, j * interval]};
						sectionToggler.removeClass('right');
					} else if (i < j) {
						objects[j] = {left: [leftPos, (j * interval) + moveAmount]};
						sectionToggler.addClass('right');
					} else {
						alert("let");	
					}
					
					if (sectionContent.getStyle('opacity') > 0 && other.opening != false) {
						var fadeEffect = sectionContent.effect('opacity', {
							duration: 500, 
							transition: Fx.Transitions.quartInOut
						});
						fadeEffect.start(sectionContent.getStyle('opacity')-0.1,0);	
					}
					other.opening = false;
				} else {
					if (sectionContent.getStyle('opacity') != 1 && section.opening != true) {
						//sectionContent.setStyle('opacity', 1);
						var fadeEffect = sectionContent.effect('opacity', {
							duration: 500, 
							transition: Fx.Transitions.quartInOut
						});
						fadeEffect.start(sectionContent.getStyle('opacity'),1);	
					}
				}
				
				
			});
			
			sectionToggler.removeClass('right');
			sectionSel.addClass('sel');
			section.opening = true;
			sectionFx.start(objects);
		}
		
		section.addEvent("mousedown", section.inititate);
	});
	
	sections[0].inititate();
	

	// Campaign section show
	
	changeScreen = function() {
		var screenElement = $$("#allSections .s1 .content");
		if (screenElement) {
			if (screenElement.hasClass("screen-a") == "true") {
				screenElement.removeClass("screen-a");
				screenElement.addClass("screen-b");
			} else if (screenElement.hasClass("screen-b") == "true") {
				screenElement.removeClass("screen-b");
				screenElement.addClass("screen-c");
			} else if (screenElement.hasClass("screen-c") == "true") {
				screenElement.removeClass("screen-c");
				screenElement.addClass("screen-d");
			} /*else if (screenElement.hasClass("screen-d") == "true") {
				screenElement.removeClass("screen-d");
				screenElement.addClass("screen-a");
			}*/
		}
	}
	
	setInterval(changeScreen,3500);								 
});