var addFormSlide = null;
var isToggle = false; // will need to keep one of these states per active tiny mce.

window.addEvent('domready', function(){
     if($('addFormToggler') != null && $('addForm') != null){
     
        addFormSlide = new Fx.Slide($('addForm'), {duration: 250});
        
		$('addFormToggler').addEvent('click', function(e){
            
            e = new Event(e);
            
            // @todo: fix for FF with fck editor using below method that worked for tinymce iframe.
            // - fetch all iframes in slider and perform stle adjustement to hide them when toggle
            // as per below.
             
			if($('tinymcetextarea_ifr') != null){
				if (isToggle){
					$('tinymcetextarea_container').setStyle('display','none');
					addFormSlide.toggle();
					isToggle = false;
				} else {
					addFormSlide.toggle().chain(function(){
						$('tinymcetextarea_container').setStyle('display','block');
					});
					isToggle = true;
				}
			} else {
				addFormSlide.toggle();	
			}
			e.stop();
        }); 
     }
});


// Set up text areas using tiny MCE
/*
if($('f1inputbody') != null){
   tinyMCE.init({
        mode    : "exact",
        elements: "f1inputbody"
   });
}
*/

/*
$('toggle').addEvent('click', function(e){
	e = new Event(e);
	if (isToggle) {
		$('text_ifr').setOpacity(0);
		mySlide.toggle();
		isToggle = false;
	}
	else {
		mySlide.toggle().chain(function(){
			$('text_ifr').setOpacity(1);
		});
		isToggle = true;
	}
	e.stop();
});
*/