In my project I am using colorbox to call external files and show images.

When I click on close button then following method from colorbox.js file get called.

I want to call my custom javascript function (myJavascriptFunction() when close button is click and close popup window.
// Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close();
publicMethod.close = function () {
	if (open && !closing) {
		closing = true;
		open = false;
		myJavascriptFunction(); // This is my javascript function
		trigger(event_cleanup, settings.onCleanup);
		$window.unbind('.' + prefix + ' .' + event_ie6);
		$overlay.fadeTo(200, 0);
		$box.stop().fadeTo(300, 0, function () {
			$box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide();
			setTimeout(function () {
				closing = false;
				trigger(event_closed, settings.onClosed);
			}, 1);
My custom function is written in same file as colorbox.

<link rel="stylesheet" href="include/colorbox/colorbox.css" />
	<script src="include/colorbox/jquery.min.js" ></script>
	<script src="include/colorbox/jquery-1.8.2.js" ></script>
	<script src="include/colorbox/jquery.colorbox.js"></script>
			//Examples of how to assign the ColorBox event to elements
			$(".group3").colorbox({rel:'group3', iframe:true, transition:"fade", width:"45%", height:"48%"});
			$(".group4").colorbox({rel:'group4', iframe:true, transition:"fade", width:"37%", height:"55%"});

		function myJavascriptFunction()

Any Idea?

- Thanks