var myCurrentTab1;
var myCurrentLi1;
window.addEvent('domready', function(){
	$$('.tabset1 a').addEvent('click', function(){
		myLi = this.getParent('li');
		if(myCurrentLi1 == undefined){
			myCurrentLi1 = myLi.getPrevious('li.current');
		}
		myCurrentLi1.removeClass('current');
		myLi.addClass('current');
		myCurrentLi1 = myLi;
		myTabId = this.get('rel');
		myTabHeight = $(myTabId).getCoordinates().height+2;
		myParent = $(myTabId).getParent('div');
		if(myCurrentTab1 == undefined){
			myCurrentTab1 = myParent.getFirst('div');
		}
		var resizeTabBox = new Fx.Morph(myParent,{duration:500, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){}});
		resizeTabBox.start({'height':myTabHeight});
		var fadeInNewTab = new Fx.Morph(myTabId,{duration:200, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){}});
		var fadeCurrentTab = new Fx.Morph(myCurrentTab1,{duration:200, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
			fadeInNewTab.start({'opacity':1});
			myCurrentTab1 = myTabId;
		}});
		fadeCurrentTab.start({'opacity':0});
		return false;
	});
	
});
window.addEvent('load', function(){
	firstTab = $('tab1').getCoordinates().height+2;
	var resizeFirstBox = new Fx.Morph('tabbox1',{duration:500, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){}});
	resizeFirstBox.start({'height':firstTab});									 
});