aplosJavascript.listener = function( component ) {
	if(component === 'ckEditorHelper') {
		ckEditorHelper.addProjectCkEditorStyles = function() {
			if( CKEDITOR.stylesSet.registered[ 'my_styles' ] == null ) {
				CKEDITOR.stylesSet.add( 'my_styles',
				[
				    // Block-level styles
				    { name : 'Main Title' , element : 'h1', styles : { 'font-family' : 'Tahoma, Helvetica', "font-size" : "22px", "color" : "#201B52", "font-weight" : "bold", "font-style" : "normal" } },
				    { name : 'Second Title' , element : 'h2', styles : { 'font-family' : 'Tahoma, Helvetica', "font-size" : "18px", "color" : "#201B52", "font-weight" : "normal", "font-style" : "normal" } },
				    { name : 'Third Title', element : 'h3', styles : { 'font-family' : 'Tahoma, Helvetica', "font-size" : "13px", "color" : "#201B52", "font-weight" : "bold", "font-style" : "normal"  } },
					
				    
				    // Inline styles
				    { name : 'Normal Text', element : 'span', styles : { 'font-family' : 'Tahoma, Helvetica', "font-size" : "13px", "color" : "#000000", "font-weight" : "normal", "font-style" : "normal"  } },
				    { name : 'Important Text', element : 'span', styles : { 'font-family' : 'Tahoma, Helvetica', "font-size" : "12px", "color" : "#000000", "font-weight" : "bold", "font-style" : "normal"  } }
				]);
			}
			
			CKEDITOR.config.stylesSet = 'my_styles'; 
		}
	}
}