[AJAX][JavaScript] FileBrowser - TinyMCE, Jak działa FileBrowser ? Opcje

[parzygnat]

Witam zaistalowałem TinyMCE w panelu administracyjnym i bez problemów wszystko zaczęło śmigać. Później pokusiłem się o FILEBROWSER i tu zaczęły się moje schody. Nie będę opisywał ile już wydrapałem włosów z głowy ale coś się dzięki temu udało.

Nie wiem dlaczego się udało?
Nie wiem dlaczego tak działa okienko pop-up?


Przedstawie to co obecnie zrobiłem:


Dodałem skrypty na stronie z panelem administracyjnym: (nie wiem czy wszystkie)

CODE

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce_popup.js"></script>
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

Dodałem skrypt na stronie z panelem admininstracyjnym

CODE

<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink
,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,c
ontextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xh
tmlxtras,template,imagemanager,filemanager",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justif
ycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizese
lect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,out
dent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|
,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iesp
ell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,c
ite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pa
gebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
file_browser_callback : 'myFileBrowser'
// Example content CSS (should be your site CSS)
//content_css : "css/example.css",
// Drop lists for link/image/media/template dialogs
//template_external_list_url : "js/template_list.js",
//external_link_list_url : "js/link_list.js",
//external_image_list_url : "js/image_list.js",
//media_external_list_url : "js/media_list.js",
//document_base_url : "http://localhost/rolkiwodzu/"
});

function myFileBrowser (field_name, url, type, win) {
//alert("Field_Name: " + field_name + "\nURL: " + url + "\nType: " + type + "\nWin: " + win); // debug/testing

/* If you work with sessions in PHP and your client doesn't accept cookies you might need to carry
the session name and session ID in the request string (can look like this: "?PHPSESSID=88p0n70s9dsknra96qhuk6etm5").
These lines of code extract the necessary parameters and add them back to the filebrowser URL again. */

var cmsURL = window.location.toString(); // script URL - use an absolute path!
if (cmsURL.indexOf("?") < 0) {
//add the type as the only query parameter
cmsURL = cmsURL + "?type=" + type;
}
else {
//add the type as an additional query parameter
// (PHP session ID is now included if there is one at all)
cmsURL = cmsURL + "&type=" + type;
}

tinyMCE.activeEditor.windowManager.open({
file : cmsURL,
title : 'My File Browser',
width : 420, // Your dimensions may differ - toy around with them!
height : 400,
resizable : "yes",
inline : "yes", // This parameter only has an effect if you use the inlinepopups plugin!
close_previous : "no"
}, {
window : win,
input : field_name
});
return false;
}

var FileBrowserDialogue = {
init : function () {
// Here goes your code for setting your custom things onLoad.
},
mySubmit : function () {
// Here goes your code to insert the retrieved URL value into the original dialogue window.
// For example code see below.
}
}

tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
 </script>

Czytałem dokunetację ale nie jestem w stanie z różnych przyczyn wszystkiego pojąć.
To co mi się udało uruchomić:
- wyskakuje okienko pop-up po naciśnięciu przycisku "browser" - obok linku do dodawania obrazków lub mediów, ale w okienku pajawia się strona z panelem administracyjnym (tak jakby się powieliła) (IMG:style_emoticons/default/smile.gif) - nie wiem gdzie coś pozmieniać, ponieważ kod wklejiłem standardowy z dokumentacji TinyMCE.


Prosiłbym o wskazówki lub poprostu zasadę działania:
- jak się inicjuje
- jak się konfiguruje
- czy trzeba dodawać jakieś swoje funkcje aby to uruchomić?