window.addEvent('domready', function() {
	
	function Saydamlik(id, ilk, son)
	{
		if(!$(id).saydamlik) {
			$(id).saydamlik = new Fx.Tween(id, {
				property: 'opacity',
				duration: 500, 
				transition: Fx.Transitions.Quart.easeInOut,
				link: 'cancel'
			});
		}
		
		$(id).saydamlik.start(son);
	};

	
	function KutuDegis()
	{
		var dugmeNo = this.no;
		
		for(var i=1; i<4; i++) {
			var idKutu	= "uiTab_idKutu" + i;
			var idDugme = "uiTab_idDugme" + i;
			
			if(i == dugmeNo)	{
				//$(idKutu).set('class', "uiTab_sKutuSecili");
				//$(idKutu).setStyle('display', "block");
				$(idDugme).set('class', "uiTab_sDugmeSecili");
				Saydamlik(idKutu, 0.0, 1.0);
			}
			else {
				//$(idKutu).set('class', "uiTab_sKutu");
				//$(idKutu).setStyle('display', "none");
				$(idDugme).set('class', "uiTab_sDugme");
				//$(idKutu).setStyle('opacity', "0.0");
				Saydamlik(idKutu, 1.0, 0.0);
			}
		}
	};
	
	for(var i=1; i<4; i++) {
		var id = $("uiTab_idDugme" + i);
		if(!id) return;
		id.no = i;
		id.addEvent('click', KutuDegis);
		
		if(i != 1)	$("uiTab_idKutu" + i).setStyle('opacity', "0.0");
		else		$("uiTab_idKutu" + i).setStyle('opacity', "1.0");
	}

});