// MooTools EVENT LISTENER
window.addEvent('domready',

	function() {
		
		/* INIT FORM */
		FancyGene.start();
		
		/* ACTIVE only if browser is not IE */
		if (ie == false) {
				
			/* BACKGROUND PALETTES */
			var background = new MooRainbow('background_rainbow', {
				id: 'background_rainbow',
				wheel: true,
				'startColor': [255, 255, 255],
				'onChange': function(color) {
					$('background_color').value = color.rgb;
					FancyGene.doCheck('background');
				}
			});
			
			
			/* EXON PALETTES */		
			var exon = new MooRainbow('exon_rainbow', {
				id: 'exon_rainbow',
				wheel: true,
				'startColor': [140, 140, 140],
				'onChange': function(color) {
					$('exon_color').value = color.rgb;
				}
			});
			
			/* Slick Slider Exons */
			var fx_exon = new Fx.Style($('knob_exon'), 'left', {duration: 300, wait: false});
			var exonSlide = new Slider($('area_exon'), $('knob_exon'), {
				onChange: function(step){
					$('exon_line').value = step / 100;
				},
				onTick: function(pos) {
					fx_exon.start(pos);
				},
				steps:400
			}).set(50);
	
			/* Input EXON text events */
			$('exon_line').addEvent('change', function() {
					var value = $('exon_line').value * 100;
					exonSlide.set(value);
				}
			);
			
			/* UTR PALETTES */
			var utr = new MooRainbow('utr_rainbow', {
				id: 'utr_rainbow',
				wheel: true,
				'startColor': [255,127,127],
				'onChange': function(color) {
					$('utr_color').value = color.rgb;
				}
			});
			
			/* Slick Slider UTRs */
			var fx_utr = new Fx.Style($('knob_utr'), 'left', {duration: 300, wait: false});
			var UtrSlide = new Slider($('area_utr'), $('knob_utr'), {
				onChange: function(step){
					$('utr_line').value = step / 100;
				},
				onTick: function(pos) {
					fx_utr.start(pos);
				},
				steps:400
			}).set(50);
			
			/* Input INTRON text events */
			$('utr_line').addEvent('change', function() {
					var value = $('utr_line').value * 100;
					UtrSlide.set(value);
				}
			);
			
			/* INTRON PALETTES */
			var intron_line = new MooRainbow('intronline_rainbow', {
				id: 'intronline_rainbow',
				wheel: true,
				'startColor': [0, 0, 0],
				'onChange': function(color) {
					$('intronline_color').value = color.rgb;
				}
			});	
			
			/* Slick Slider INTRONS */
			var fx_intron = new Fx.Style($('knob_intron'), 'left', {duration: 300, wait: false});
			var IntronSlide = new Slider($('area_intron'), $('knob_intron'), {
				onChange: function(step){
					$('intron_line').value = step / 100;
				},
				onTick: function(pos) {
					fx_intron.start(pos);
				},
				steps:400
			}).set(75);
			
			/* Input INTRON text events */
			$('intron_line').addEvent('change', function() {
					var value = $('intron_line').value * 100;
					IntronSlide.set(value);
				}
			);
			
			/* DOMAIN PALETTES */
			var domain = new MooRainbow('domain_rainbow', {
				id: 'domain_rainbow',
				wheel: true,
				'startColor': [255,127,127],
				'onChange': function(color) {
					$('domain_color').value = color.rgb;
				}
			});
			
			/* Slick Slider UTRs */
			var fx_utr = new Fx.Style($('knob_domain'), 'left', {duration: 300, wait: false});
			var UtrSlide = new Slider($('area_domain'), $('knob_domain'), {
				onChange: function(step){
					$('domain_line').value = step / 100;
				},
				onTick: function(pos) {
					fx_utr.start(pos);
				},
				steps:400
			}).set(50);
			
			/* Input INTRON text events */
			$('domain_line').addEvent('change', function() {
					var value = $('domain_line').value * 100;
					UtrSlide.set(value);
				}
			);
		
		}
	}
);