/* Uvumi Textarea : Extended Textarea */

var fySlide = new Class({
	bans: 3,
	urls: {1:'/services/ape-professional-support/',2:'/services/weediscuss/',3:'http://www.ape-project.org/'},
	els: [],
	
	initialize: function() {
		this.nav  = new Element('ul');
		this.sel  = 1;
		this.lock = false;
		
		for (var i = 1; i <= this.bans; i++) {
			this.els[i] = new Element('a', {'class': 'banHome', 'id': 'banHome_'+i, 'href':  this.urls[(i)], 'title': this.urls[(i)] });
			new Element('img', {
				'src':   'http://static.weelya.com/weelya/wp-content/themes/weelya/bans/'+i+'.jpg',
				'alt':   this.urls[(i)]
			}).inject(this.els[i]);
			
			if (this.sel == i) var classMore = " selected";
			else var classMore = "";
			
			var li = new Element('li', {'id':'nav_'+i, 'class': 'navPromote'+classMore, 'text':i}).addEvent('mousedown', function(event, i) { this.changeBan(i); }.bindWithEvent(this, i));
			
			li.injectInside(this.nav);
		}
		
		this.nav.injectInside($('navPromote'));
	},
	
	changeBan: function(i) {
		if (!this.lock && this.sel != i) {	
			this.lock = true;
			
			if (i > 3) i = 1;
		
			$$('.navPromote').setStyle('color', '#8a8786');
			$('nav_'+i).setStyle('color', '#fff');
		
			$('banHome_'+this.sel).setStyle('z-index', '1000');
			this.els[i].injectInside($('promote'));
		
			var tmp  = this.sel;
			this.sel = i;
		
			new Fx.Tween($('banHome_'+tmp), {'duration': 800}).start('opacity', 1, 0).addEvent('onComplete', function() {
				this.els[tmp].setStyle('opacity',1);
				this.els[tmp].setStyle('visibility', 'visible');
				this.els[tmp].setStyle('z-index', 1);

				$('banHome_'+tmp).dispose();
				this.lock = false;			
			}.bind(this));
		}
	}
});

var secretPos = 70;

var secretChange = function moom() {
	secretPos -= 1;
	if (secretPos == 0) secretPos = 261;
	$('logo').setStyle('background-position', '-'+secretPos+'px -33px');
}



document.addEvent('domready', function() {
	// Textarea
/*	new UvumiTextarea({
		selector:'textarea.createarea',
		maxChar:0
	});
	*/
	// Autoclear
	var autoClearValues = new Array();
	$$('.autoclear').each(function(el) {
		autoClearValues[el.get('id')] = el.get('value');
		el.addEvent('focus', function(ev) {
			var el = $(ev.target);
			if (el.get('value') == autoClearValues[el.get('id')]) {
				el.set('value', '');
			}
		});
		el.addEvent('blur', function(ev) {
			var el = $(ev.target);
			if (el.get('value') == '') {
				el.set('value', autoClearValues[el.get('id')]);
			}
		});
	});
	
	// I'm a hero
	var FxLogo 		= new Fx.Morph($('logo'), {link:'chain',duration:1200 ,transition: Fx.Transitions.Quart.easeOut});
	var iLogo 		= 0;

	var FctLogo = function() {
		FxLogo.start({'background-position':['-139px -33px','0px -33px']});
		FxLogo.start({'background-position':['-261px -33px', '0px -33px']});
		FxLogo.start({'background-position':['-261px -33px', '0px -33px']});
		FxLogo.start({'background-position':['-261px -33px', '-139px -33px']});
	}
	
	var logo = function() {
		if (iLogo == 3) {
			(function() { 
				FxLogo.pause();
				(function() {
					FxLogo.resume();
				}).delay(8000);
			}).delay(1);
			iLogo = -1;
		}
		iLogo++;
	}
	
	FxLogo.addEvent('chainComplete', FctLogo);
	FxLogo.addEvent('complete', logo);
	FctLogo();
	
	
	if ($('banHome_1')) {
		// Slider
		var slide = new fySlide();
		var slidePer = function() { slide.changeBan((slide.sel+1)) };
		var boone = slidePer.periodical(6000);
		$$('.navPromote').addEvent('click', function() { $clear(boone); });
	}
});