var CaseStudy = new Class({
	count: 1,
	initialize: function() {
		this.container = $('cscontainer');		
		var size = $('case1').getSize();
		this.container.setStyle('height', size.y);
		
		$('case1').setStyle('position', 'absolute');
		
		var button = $('cscontainer').getElement('a.button');
		
		button.addEvent('click', function() { casestudy.createPage(); });
	},
	scroll: function() {
		var page1 = $('case'+((this.count-1)<1 ? 2 : (this.count-1)));
		var page2 = $('case'+this.count);
			
		var fx1 = new Fx.Tween(page1, {duration: 600, transition: Fx.Transitions.Circ.easeIn});
		var fx2 = new Fx.Tween(page2, {duration: 600, transition: Fx.Transitions.Circ.easeIn});
		fx1.start('left', 0, -757);
		fx2.start('left', 757, 0);
	},
	createPage: function() {
		this.count++;
		if (this.count>2) { this.count = 1; }
		
		if ($chk($('case'+this.count))) {
			casestudy.scroll();
		} else {
			var div = new Element('div', {'id': 'case'+this.count, 'class': 'floatingcases', 'styles': {'position': 'absolute', 'top': '0px', 'left': '757px'}});
			div.inject(this.container);

			var req = new Request({url: '/sync/case-study/case'+this.count, onSuccess: function(html) {
					$('case'+casestudy.count).set('html', html);
					buttons.run($('case'+casestudy.count).getElement('a.button'));
					$('case'+casestudy.count).getElement('a.button').addEvent('click', function() { casestudy.createPage(); });
					casestudy.scroll();
				}
			});
			req.send();
		}
	}
});

var casestudy;

window.addEvent('domready', function() {
	casestudy = new CaseStudy;
});