/*  */
window.addEvent('domready', function() {
	if($defined(window.community_jsp)){
		new injectCommunityAjax(window.community_jsp,$('communityContainerInner'));
	} else {
		createAccordion();
	}
});

/* */
var injectCommunityAjax = new Class({
	ajax_file:null,
	target_div:null,
	initialize:function(ajax_file,target_div){
		alert( ajax_file );
		var me=this;
		this.ajax_file=ajax_file;
		this.target_div=target_div;
		var req = new Request.HTML({ 
			method: 'get',
			url: me.ajax_file,
			update:me.target_div,
			onFailure: function(err) {createAccordion();},
			onException: function(err) {createAccordion();},
			onSuccess: function(responseHTML) {
				createAccordion();
			}
		}).send();	
	}
});

function createAccordion() {
	var toggler_maindiv=$('community_accordion');
	var toggler_link=$$('.toggler_comm');
	var toggler_div=$$('.discussions_toggler');
	//var tooglerHTML= toggler_link.get('html');

	if(rtl==true) {
		toggler_link.removeClass('white_arrow');
		toggler_link.each(function(toggler){
			var html= toggler.get('html');
			toggler.set('html','');
			toggler.adopt(new Element('span',{'class':'white_arrow','html':' '}));
			toggler.adopt(new Element('span',{'html':html}));
		});
	}
				
	new Accordion(toggler_maindiv, toggler_link, toggler_div, {
		
		opacity: false,
		show: -1,
		alwaysHide: true,

		onActive: function(toggler, element){
			toggler.setStyle('color','#61c701');
			if(rtl==true){
				toggler.getFirst('span').removeClass('white_arrow');
				toggler.getFirst('span').addClass('down_green_arrow');
			} else {
				toggler.removeClass('white_arrow');
				toggler.addClass('down_green_arrow');
			}
			
			element.setStyles({'border-bottom':'2px solid #585858','background-color':'#626262'});
			element.removeClass('gone');	
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color','#FFFFFF');
			//toggler.setStyle('color','#1DCCF2');
			if(rtl==true){
				toggler.getFirst('span').removeClass('down_green_arrow');
				toggler.getFirst('span').addClass('white_arrow');
			} else {
				toggler.removeClass('down_green_arrow');
				toggler.addClass('white_arrow');
			}
			(function(){
					element.addClass('gone');
			}).delay(500);
		}
	});					
}