hi guys,... can anyone help please,... 

I am using highslide htmlexpand on a site. I expand the ajax page when you click on a link. I am trying to run a jeditable script that definitely works because I'm using it on regular view. When I click on a link for the first time, jeditable script works as expected. However, in every subsequent html expand pages, the script will not work. What could be the problem here?  Thanks in advance,... 

here is my Highslide config:  

<script type="text/javascript">

hs.Expander.prototype.onAfterExpand = function () {

var scripts = this.content.getElementsByTagName('script');

for (var i = 0; i < scripts.length; i++) {

    eval(scripts[i].innerHTML);

}

};

hs.graphicsDir = '<?php echo $html->url("/img/graphics/") ?>';

hs.align = 'center';

hs.transitions = ['expand', 'crossfade'];

hs.outlineType = 'rounded-white';

hs.wrapperClassName = 'draggable-header';

hs.preserveContent = false;

hs.cacheAjax = false;

hs.fadeInOut = true;

hs.numberPosition = 'caption';

hs.dimmingOpacity = 0.75;

// Add the controlbar

if (hs.addSlideshow) hs.addSlideshow({

//slideshowGroup: 'group1',

interval: 5000,

repeat: false,

useControls: true,

fixedControls: 'fit',

overlayOptions: {

    opacity: .75,

    position: 'bottom center',

    hideOnMouseOut: true

}

});

</script>

and I link to ajax popup:

'onclick' => "return hs.htmlExpand(this, { objectType: 'ajax', width: 1010 } )"

here my jeditable script wich included in ajax calling page with jquery libs:

<script type="text/javascript" src="/js/jquery.jeditable.js"></script>

and here is how it edits Photo Name:

<script type="text/javascript"> 

$(document).ready(function() {

$("#name").editable("<?php echo $html->url("/photos/ajax_edit_name/". $photo['Photo']['id'], true) ?>", { 

    indicator   : "<img src='/img/indicator.gif'>",

    type    : 'text',

    select  : false,

width   : 565,

cssclass  : 'editor',

onblur  : 'submit',

placeholder : 'Click here to edit photo NAME and hit ENTER',

        tooltip   : "<?php __('Click to edit photo NAME and hit ENTER'); ?>"

    });

$.ajax({

    context: document.body

}).done(function () {

    $('[data-overlayer]').overlayer();

});

    });

</script>

this is the placeholder for Photo Name Edit once its clicked

<span id="name" style="text-align: center; display: block; width: auto; padding: 2px;"><?php echo $photo['Photo']['name'] ?></span>

it opens once you click on it for easy edit Photo Name on a first access,... However on subsequent navigation to a next or previous page, the editable field stop working.

Please help,...

thanks again

chris