window.addEvent('domready', function(){

var pane_num = 1;
var scroll = new Fx.Scroll('c-slider', {
	wait: false,
	duration: 500,
	offset: {'x': 3, 'y': 0},
	transition: Fx.Transitions.Quad.easeInOut
});

var mostCurrent = 1;
function tabChange(num) {
	// turns off the old button with animation
	$('link-'+mostCurrent).setProperty('class', '');
	$('link-'+num).setProperty('class', 'active');
	scroll.toElement('pane-'+num);
	var myEffects = new Fx.Styles('link-'+mostCurrent, {duration: 500, transition: Fx.Transitions.linear}); 
	myEffects.start({
    	'color': ['#093169', '#fff']
	});
	// set current button
	mostCurrent = num;
}
$('link-1').addEvent('click', function(event) {
	event = new Event(event).stop();
	tabChange(1);
});
$('link-2').addEvent('click', function(event) {
	event = new Event(event).stop();
	tabChange(2);
});
$('link-3').addEvent('click', function(event) {
	event = new Event(event).stop();
	tabChange(3);
});
$('link-4').addEvent('click', function(event) {
	event = new Event(event).stop();
	tabChange(4);
});

var panes = 4;
$('left-tab').addEvent('click', function(event) {
	event = new Event(event).stop();
	if(pane_num > 1) {
		pane_num_old = pane_num;
		pane_num--;
	}else{
		pane_num_old = pane_num;
		pane_num = panes;
	}
	tabChange(pane_num);
});
$('right-tab').addEvent('click', function(event) {
	event = new Event(event).stop();
	if(pane_num < panes) {
		pane_num_old = pane_num;
		pane_num++;
	}else{
		pane_num_old = pane_num;
		pane_num = 1;
	}
	tabChange(pane_num);
});
/*
var mostCurrent = 1;
	var mySlide1 = new Fx.Slide('ptn-text-1');
	var mySlide2 = new Fx.Slide('ptn-text-2');
	var mySlide3 = new Fx.Slide('ptn-text-3');
	var mySlide4 = new Fx.Slide('ptn-text-4');
	mySlide1.show();
	mySlide2.hide();
	mySlide3.hide();
	mySlide4.hide();
function tabChange(num, className) {
	if(mostCurrent == num) {
		return;
	}
	// turns off the old button with animation
	$('link-'+mostCurrent).setProperty('class', '');
	$('link-'+num).setProperty('class', 'active');

	var myEffects = new Fx.Styles('link-'+mostCurrent, {duration: 500, transition: Fx.Transitions.linear}); 
	myEffects.start({
    	'color': ['#093169', '#fff']
	});
	eval('mySlide'+mostCurrent+'.slideOut();');
	eval('mySlide'+num+'.slideIn();');
	
	// set current button
	mostCurrent = num;
}
$('link-1').addEvent('click', function(event) {
	event = new Event(event).stop();
	tabChange(1, this.getElement('div').getProperty('class'));
});
$('link-2').addEvent('click', function(event) {
	event = new Event(event).stop();
	tabChange(2, this.getElement('div').getProperty('class'));
});
$('link-3').addEvent('click', function(event) {
	event = new Event(event).stop();
	tabChange(3, this.getElement('div').getProperty('class'));
});
$('link-4').addEvent('click', function(event) {
	event = new Event(event).stop();
	tabChange(4, this.getElement('div').getProperty('class'));
});*/


});