So i decided that for me, i can settle for changing an input field on the top.parent for it to be used with the native options. i used this for the function of the iframe tab:
function media_upload_choosebackground_form() {
media_upload_header();
?>
<h3 class="media-title">HTML Form</h3>
<img src="http://www.mimi.me/wp-content/themes/mimi.me_regular_sites/images/background-Green-stripes-thumb.jpg" style="cursor:pointer; float:left; margin:10px 0 0 10px" id="greenstripes" title="Green Stripes" />
<img src="http://www.mimi.me/wp-content/themes/mimi.me_regular_sites/images/background-Pail-pink-squares-thumb.jpg" style="cursor:pointer; float:left; margin:10px 0 0 10px" id="Pailpinksquares" title="Pail pink squares" />
<img src="http://www.mimi.me/wp-content/themes/mimi.me_regular_sites/images/background-Purple-wall-thumb.jpg" style="cursor:pointer; float:left; margin:10px 0 0 10px" id="Purplewall" title="Purple wall" />
<?php
}
and this as the click event for every image:
jQuery('#Purplewall').click(function() {
imgurl = "http://www.mimi.me/wp-content/themes/mimi.me_regular_sites/images/background-Purple-wall-thumb.jpg";
$("#MoobBackgroundUpload", top.document).val(imgurl);
$("#MoobBackgroundUploadButtonImg", top.document).attr('src', imgurl);
parent.tb_remove();
});
and what i’ve got is a second tab with an image picker, and that what i wanted in the first place.
good for me!