//Animated Side-Sliding Transition

window.addEvent('domready', function() {
	var frameWidth = 940;
	$('frame-p').style.height = $('platinum-p').offsetHeight+"px";
	var slide = new Fx.Tween($('content-p'), {duration:500, transition:Fx.Transitions.Cubic.easeInOut})
	var adjustHeight = new Fx.Tween($('frame-p'), {duration:500, transition:Fx.Transitions.Cubic.easeInOut})
	
	$('l-platinum-p').addEvent('click', function(e) {
		e.stop(); updateTabs('Platinum');
		slide.start('left', 0*frameWidth);
		adjustHeight.start('height', $('platinum-p').offsetHeight);
	});
	$('l-gold-p').addEvent('click', function(e) {
		e.stop(); updateTabs('Gold');
		slide.start('left', -1*frameWidth);
		adjustHeight.start('height', $('gold-p').offsetHeight);
	});
	$('l-silver-p').addEvent('click', function(e) {
		e.stop(); updateTabs('Silver');
		slide.start('left', -2*frameWidth);
		adjustHeight.start('height', $('silver-p').offsetHeight);
	});
	$('l-bronze-p').addEvent('click', function(e) {
		e.stop(); updateTabs('Bronze');
		slide.start('left', -3*frameWidth);
		adjustHeight.start('height', $('bronze-p').offsetHeight);
	});
	$('l-friend-p').addEvent('click', function(e) {
		e.stop(); updateTabs('Friend');
		slide.start('left', -4*frameWidth);
		adjustHeight.start('height', $('friend-p').offsetHeight);
	});
	$('l-banquet-p').addEvent('click', function(e) {
		e.stop(); updateTabs('Banquet');
		slide.start('left', -5*frameWidth);
		adjustHeight.start('height', $('banquet-p').offsetHeight);
	});
});


function updateTabs(category) { // update display of tabs
	var x = ['l-platinum-p','l-gold-p','l-silver-p','l-bronze-p','l-friend-p','l-banquet-p'];
	for (var i=0 ; i<x.length ; i++) {
		var listlabel = $(x[i]);
		listlabel.className = (listlabel.innerHTML==category)? "current" : "";
	}
}