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

	if($('show')){
		var data = {
			'0.jpg': {caption: ''}, '1.jpg': {caption: ''},'2.jpg': {caption: ''},'3.jpg': {caption: ''},'4.jpg': {caption: ''},'5.jpg': {caption: ''},'6.jpg': {caption: ''}};
			var myShow = new Slideshow('show', data, {controller: false,delay: 3000, duration: 1000, height: 285, hu: '/slide/', thumbnails: false, width: 428});
	}
	
	var myEffect = new Fx.Morph('tab2div', {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({
		'opacity':[1,0],
		'display': ['block','none']
	});
	var myEffect = new Fx.Morph('tab3div', {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({
		'opacity':[1,0],
		'display': ['block','none']
	});
	
	var tab = $$('.navigation ul li');
	tab.addEvent('click',function(e){
		new Event(e).stop();
		var myEffect = new Fx.Morph(($$('.navigation ul li.active')[0].id+'div'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
			myEffect.start({
				'opacity':[1,0],
				'display': ['block','none']
		});
		tab.removeClass('active');
		this.addClass('active');
		
		var myEffect = new Fx.Morph(($$('.navigation ul li.active')[0].id+'div'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
			myEffect.start({
				'opacity':[0,1],
				'display': ['none','block']
		});
		
		
		
	});
			
		


});