// Mootools related
window.addEvent('domready', function() {

	// preview cover letter
	var call_id = $('id');
	var coverletter = $('coverletter');
	var cl_preview_btn = $('call_finalize_preview');
	var cl_preview_result = $('call_finalize_preview_result');
	if ( call_id && coverletter && cl_preview_btn && cl_preview_result ) {
		cl_preview_btn.addEvent('click', function(e) {
			e.stop();
			
			// grab the coverletter id
			if ( coverletter.value == 0 ) {
				cl_preview_result.innerHTML = '<strong>You must select a cover letter from the list.</strong>';
				return;
			}
			
			// make url
			var url = '/page/ad/?module=mod_call_finalize&action=edit&ajax=clpreview&cletter_id='+coverletter.value+'&id='+call_id.value;
			
			// run ajax request here to show the preview of the e-mail message
			cl_preview_result.load(url);
		});
	}

	// swiff fancyuploader
	var demo_attach = $('demo-attach');
	if ( demo_attach ) {
		var up = new FancyUpload3.Attach('demo-list', '#demo-attach, #demo-attach-2', {
			path: '/fancyupload/Swiff.Uploader.swf',
			url: '/page/ad/?module=mod_call_files&ajax=fileupload',
			
			fileSizeMax: 20 * 1024 * 1024,
	 
			verbose: true,
	 
			onSelectFail: function(files) {
				files.each(function(file) {
					new Element('li', {
						'class': 'file-invalid',
						events: {
							click: function() {
								this.destroy();
							}
						}
					}).adopt(
						new Element('span', {html: file.validationErrorMessage || file.validationError})
					).inject(this.list, 'bottom');
				}, this);	
			},
	 
			onFileSuccess: function(file) {
				new Element('input', {name: 'delfile[]', type: 'checkbox', 'value': file.response.image_id}).inject(file.ui.element, 'top');
				file.ui.element.highlight('#e6efc2');
			},
	 
			onFileError: function(file) {
				/*alert('got here');*/
				/*file.ui.cancel.set('html', 'Retry').removeEvents().addEvent('click', function() {
					file.requeue();
					return false;
				});*/
	 
				new Element('span', {
					html: file.errorMessage,
					'class': 'file-error'
				}).inject(file.ui.cancel, 'after');
			},
	 
			onFileRequeue: function(file) {
				file.ui.element.getElement('.file-error').destroy();
	 
				file.ui.cancel.set('html', 'Cancel').removeEvents().addEvent('click', function() {
					file.remove();
					return false;
				});
	 
				this.start();
			}
	 
		});
	}
	
	/* 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'});
		});
	}
	
});