// Mootools related
window.addEvent('domready', function() {

		// NOOBSLIDE OREA/MACD
	if ( $('box4') ) {
var nS4 = new noobSlide({
			box: $('box4'),
			items: $$('#box4 div'),
			size: 400,
			handles: $$('#handles4 span'),
			onWalk: function(currentItem,currentHandle){
				//$('box4').set('html',currentItem.getFirst().innerHTML);
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});


	}
	
	/* LEFT NAV UL A'S */
	var left_nav = $$('#left_nav ul li a[:hover]');
	if ( left_nav ) {
		left_nav.each(function(el, i) {
			if ( el.id != 'active' ) {
				el.set('padding-left','0px');
				el.set('tween', {duration: 'short'});
				el.addEvent("mouseover", function(e) {
					el.tween('padding-left', '15px');
				});
				el.addEvent("mouseout", function(e) {
					el.tween('padding-left', '0px');
				});
			}
		});
	}
	
	/* MAKE THE TWEET TEXT SHOW UP */
	var texts = $$('.text');
	if ( texts ) {
		texts.each(function(el, i) {
			// try to find the tweet
			var search_e = 'tweet_'+el.name;
			var tweet_e = $(search_e);
			if ( tweet_e ) {
				// set opacity to 0
				tweet_e.set('opacity',0);
				
				el.addEvent("focus", function(e) {
					tweet_e.set('opacity', 0);
					tweet_e.set('tween', {duration: 'short'});
					tweet_e.tween('opacity', 1);
				});
				el.addEvent("blur", function(e) {
					tweet_e.set('opacity', 1);
					tweet_e.set('tween', {duration: 'long'});
					tweet_e.tween('opacity', 0);
				});
			}
		});
	}
	
	/* CHANGE FONT SIZE AND REMEMBER WITH A COOKIE */
	var font_small = $('size_minus_btn');
	var font_big = $('size_plus_btn');
	var content_container = $('content_container');

	// SUBNAV FADE IN
	var subnav = $$('#subnav ul');
	if ( subnav ) {
		subnav.set('opacity', 0);
		subnav.set('tween', {duration: 'long'});
		subnav.tween('opacity', 1);
	}

	// READ COOKIE FONTSIZE VALUE AND SET IF VALID
	var cookie_fontsize = readCookie('fontsize');
	if ( cookie_fontsize )
		content_container.setStyle('font-size', cookie_fontsize);
	
	// MAKE FONT SMALLER
	if ( font_small && content_container ) {
		font_small.addEvent("click", function(e) {
			e.stop();
			var font_size = content_container.getStyle('font-size');
			font_size = parseInt(font_size) - 1;
			if ( font_size > 7 ) {
				content_container.setStyle('font-size', font_size+'px');
				createCookie('fontsize',font_size+'px',7);
			}
		});
	}
	
	// MAKE FONT BIGGER
	if ( font_big && content_container ) {
		font_big.addEvent("click", function(e) {
			e.stop();
		var font_size = content_container.getStyle('font-size');
			font_size = parseInt(font_size) + 1;
			if ( font_size < 17 ) {
				content_container.setStyle('font-size', font_size+'px');
				createCookie('fontsize',font_size+'px',7);
			}
		});
	}
	
	/* RCO METER */
	// rco meter (Tween.Fx)
	var el = $('rco_meter_val');
	var el_val = $('rco_meter_rawval');
	if ( el && el_val ) {
		el.tween('top', el_val.title);
	}

	// change a value
	this.rco_meter_change = function rco_meter_change(val) {
		// convert val % into pixel value for top setting
		// 0% = 345px
		// 100% = 39px
		val = (100 - val) / 100;
		val = ((345 - 39) * val) + 45;
		
		// rco meter (Tween.Fx)
		var el = $('rco_meter_val');
		var el_val = $('rco_meter_rawval');
		if ( el && el_val ) {
			el_val.title = val;
			el.tween('top', el_val.title);
		}
	}
	
	// BRICKS
	var bricks = $$('.brick');
	if ( bricks ) {
		bricks.each(function(el, i) {
			el.setStyle('opacity','0');
			brick_morph = new Fx.Morph(el, { 'duration': 5000 });
			brick_morph.start({'width': '100px', 'height': '60px','opacity': '1','background-color': '#cc0000'});
		});
	}
	
});