Photogalley with popup when click on photo

programming flash
1

Hi everyone,

I’am trying to get the following to work:
I have this foto gallery with back/next buttons (Works great)!

Now I want to add following:
When the photo is clicked I want to have a pop up centered on the page

I found just the thing I want on the “Kirupa” :love: site

http://www.kirupa.com/developer/mx/centered_popup.htm

the popup works great, but I want to adjust it a little
I’am trying to combine the code to show the image selected at that moment (at the same time Showing in the flash movie) in the pop-up.

In the movie the photo’s are selected with an XML file.
This is where I am at now:

function loadXML(loaded) {
	if (loaded) {
		xmlNode = this.firstChild;
		image = [];
		description = [];
		total = xmlNode.childNodes.length;
		for (i=0; i<total; i++) {
			image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
			description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
		}
		firstImage();
	} else {
		content = "file not loaded!";
	}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("http://www.sitename.com/flash/images.xml");
// ///////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
	if (Key.getCode() == Key.LEFT) {
		prevImage();
	} else if (Key.getCode() == Key.RIGHT) {
		nextImage();
	}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
	prevImage();
};
next_btn.onRelease = function() {
	nextImage();
};

_root.openWinCentre = function (url, winName, w, h, toolbar, location, directories, status, menubar, scrollbars, resizable) { 
getURL ("javascript:var myWin; if(!myWin || myWin.closed){myWin = window.open('" + url + "','" + winName + "','" + "width=" + w + ",height=" + h + ",toolbar=" + toolbar + ",location=" + location + ",directories=" + directories + ",status=" + status + ",menubar=" + menubar + ",scrollbars=" + scrollbars + ",resizable=" + resizable + ",top='+((screen.height/2)-(" + h/2 + "))+',left='+((screen.width/2)-(" + w/2 + "))+'" + "')}else{myWin.focus();};void(0);"); 
		if (loaded == filesize) {
			picture._alpha = 0;
			picture.loadMovie(image[p], 1);
			desc_txt.text = description[p];
			picture_num();
		}
};
// ///////////////////////////////////
p = 0;
this.onEnterFrame = function() {
	filesize = picture.getBytesTotal();
	loaded = picture.getBytesLoaded();
	preloader._visible = true;
	if (loaded != filesize) {
		preloader.preload_bar._xscale = 100*loaded/filesize;
	} else {
		preloader._visible = false;
		if (picture._alpha<100) {
			picture._alpha += 10;
		}
	}
};
function nextImage() {
	if (p<(total-1)) {
		p++;
		if (loaded == filesize) {
			picture._alpha = 0;
			picture.loadMovie(image[p], 1);
			desc_txt.text = description[p];
			picture_num();
		}
	}
}
function prevImage() {
	if (p>0) {
		p--;
		picture._alpha = 0;
		picture.loadMovie(image[p], 1);
		desc_txt.text = description[p];
		picture_num();
	}
}
function firstImage() {
	if (loaded == filesize) {
		picture._alpha = 0;
		picture.loadMovie(image[0], 1);
		desc_txt.text = description[0];
		picture_num();
	}
}
function picture_num() {
	current_pos = p+1;
	pos_txt.text = current_pos+" / "+total;
}

the button generating the popup has following actionsscript attached:

on (release) { 
//customize the window that gets opened 
// 0 equals NO. 
// 1 equals YES. 
address = "http://www.sitename.com/flash/images/index.html"; 
target_winName = "Gallery"; 
width = 300; 
height = 200; 
toolbar = 0; 
location = 0; 
directories = 0; 
status = 0; 
menubar = 0; 
scrollbars = 1; 
resizable = 0; 
//sends data back to the function 
openWinCentre(address, target_winName, width, height, toolbar, location, directories, status, menubar, scrollbars, resizable); 
}

Now I’am trying to show the image in the original size (300x200) in a new pop-up.

Can anyone give a hint where to start?
How can I replace the:

address = "http://www.sitename.com/flash/images/index.html";

by a variable?

Thx Beuvema